精品久久亚洲_69pao在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看

您的位置: 首頁 > 源碼資料

表格隔行變色且勾選變色

源碼資料　時間:2009-09-04　作者/發布人:pc354　點擊:2672

<style type="text/css">
body {background:#fff;}
h1  {font:bold 20px/26px Arial;}
p, li, td {font:normal 12px/17px Arial;}
table {border:0;border-collapse:collapse;}
td  {padding:4px;}
th  {font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
tr.odd {background:#e4dcd9;}
tr.highlight {background:#BDA9A2;}
tr.selected  {background:#4a1200;color:#fff;}
td+td+td {text-align:right;}
</style>
<script type="text/javascript">

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function addClass(element,value) {
  if (!element.className) {
    element.className = value;
  } else {
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
  }
}

function stripeTables() {
 var tables = document.getElementsByTagName("table");
 for (var m=0; m<tables.length; m++) {
  if (tables[m].className == "pickme") {
   var tbodies = tables[m].getElementsByTagName("tbody");
   for (var i=0; i<tbodies.length; i++) {
    var odd = true;
    var rows = tbodies[i].getElementsByTagName("tr");
    for (var j=0; j<rows.length; j++) {
     if (odd == false) {
      odd = true;
     } else {
      addClass(rows[j],"odd");
      odd = false;
     }
    }
   }
  }
 }
}
function highlightRows() {
  if(!document.getElementsByTagName) return false;
   var tables = document.getElementsByTagName("table");
 for (var m=0; m<tables.length; m++) {
  if (tables[m].className == "pickme") {
     var tbodies = tables[m].getElementsByTagName("tbody");
     for (var j=0; j<tbodies.length; j++) {
     var rows = tbodies[j].getElementsByTagName("tr");
     for (var i=0; i<rows.length; i++) {
        rows[i].oldClassName = rows[i].className
        rows[i].onmouseover = function() {
        if( this.className.indexOf("selected") == -1)
        addClass(this,"highlight");
        }
        rows[i].onmouseout = function() {
        if( this.className.indexOf("selected") == -1)
        this.className = this.oldClassName
        }
     }
     }
  }
 }
}

function selectRowCheckbox(row) {
 var checkbox = row.getElementsByTagName("input")[0];
 if (checkbox.checked == true) {
  checkbox.checked = false;
 } else
 if (checkbox.checked == false) {
  checkbox.checked = true;
 }
}

function lockRow() {
   var tables = document.getElementsByTagName("table");
 for (var m=0; m<tables.length; m++) {
  if (tables[m].className == "pickme") {
    var tbodies = tables[m].getElementsByTagName("tbody");
    for (var j=0; j<tbodies.length; j++) {
     var rows = tbodies[j].getElementsByTagName("tr");
     for (var i=0; i<rows.length; i++) {
      rows[i].oldClassName = rows[i].className;
      rows[i].onclick = function() {
       if (this.className.indexOf("selected") != -1) {
        this.className = this.oldClassName;
       } else {
        addClass(this,"selected");
       }
       selectRowCheckbox(this);
      }
     }
    }
  }
 }
}

addLoadEvent(stripeTables);
addLoadEvent(highlightRows);
addLoadEvent(lockRow);

function lockRowUsingCheckbox() {
 var tables = document.getElementsByTagName("table");
 for (var m=0; m<tables.length; m++) {
  if (tables[m].className == "pickme") {
   var tbodies = tables[m].getElementsByTagName("tbody");
   for (var j=0; j<tbodies.length; j++) {
    var checkboxes = tbodies[j].getElementsByTagName("input");
    for (var i=0; i<checkboxes.length; i++) {
     checkboxes[i].onclick = function(evt) {
      if (this.parentNode.parentNode.className.indexOf("selected") != -1){
       this.parentNode.parentNode.className = this.parentNode.parentNode.oldClassName;
      } else {
       addClass(this.parentNode.parentNode,"selected");
      }
      if (window.event && !window.event.cancelBubble) {
       window.event.cancelBubble = "true";
      } else {
       evt.stopPropagation();
      }
     }
    }
   }
  }
 }
}
addLoadEvent(lockRowUsingCheckbox);
</script>
</head>
<body>
<h1>實現隔行變色并且鼠標移到單元格上會變色的效果--科杰在線www.yeewaa.com收集</h1>
<table
id="striped2"
class="pickme"
caption="Top Grossing Movies">
<thead>
<tr>
<th> </th>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input
type="checkbox"
name="tablechoice1"
value="walalala" /></td>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>
<input
type="checkbox"
name="tablechoice2"
value="walalala" /></td>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>
<input
type="checkbox"
name="tablechoice3"
value="walalala" /></td>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>
<input
type="checkbox"
name="tablechoice4"
value="walalala" /></td>
<td>xxxxxxxxx</td>
<td>yyyyyyyyyyyy</td>
<td>www.yeewaa.com</td>
</tr>
</tbody></table>
</body>
</html>

[科杰在線www.yeewaa.com提示:你可先修改部分代碼,再按運行]　

--------------------------全文完----------------------------

0% (0)

0% (0)

生活常識
創意無限
源碼資料
資源中心
裝修日記
學駕駛經歷

生活常識

騷年，年底大掃除如何清理最霸道的廚房油污你..(12-22)

吃了幾十年火鍋，竟然才發現吃錯了(12-17)

安徽職工生育保險津貼如何領取？流產津貼如何..(12-05)

十萬個為什么？女性私處為什么會變黑(11-19)

人體內全部秘密，再不對自己好點就晚了(11-16)

創意無限

英國“神奇凝膠”緩解“皮肉之苦”(08-03)

德攝影師制作奇妙光涂鴉頗似壯觀煙花(組圖)(05-10)

英國女學生用立體涂鴉畫出“隱形車”(圖)(05-10)

創意到實用！國外知名地鐵站設計欣賞(04-13)

工業革命時代的粗曠！起重機造型吊燈(04-13)

源碼資料

javascript實現網頁跳轉的方法(10-29)

CSS+DIV常用小代碼的收集(10-07)

自動判斷手機、平板與電腦訪問不同網址頁面的..(09-30)

最簡單實用的鼠標移到圖片上變成另外圖片的效..(09-26)

VB鼠標離開窗體時就執行某個代碼如何實現？(06-30)

資源中心

原文：為什么這么多人黑周星馳(全文)(09-12)

紅藍3D眼鏡測試演示3D圖片-風景、人物及其他2..(02-06)

紅藍3D眼鏡測試演示3D圖片及美女3D視頻-美女篇..(02-06)

“東亞病夫”是中國人自已罵自已的,非洋人(08-06)

eWebEditor不支持IE8、IE7、火狐、傲游的解決..(06-13)

點擊排行

紅藍3D眼鏡測試演示3D圖片-美女篇 ○

紅藍3D圖片第四季:美女3D圖片生活3D紅藍照.. ○

關于e8e9套餐中興貓zxv10h608b詳細設置 ○

電信E8E9套餐中興ZXV10H608B無線貓破解：.. ○

紅藍3D眼鏡測試演示3D圖片及美女3D視頻-美.. ○

熱點關注

新聞動態

整站字母快速檢索： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0

綜合報道經濟形勢勞動就業政策法規熱點推薦創業新聞創業指導創業課堂創業故事大學生創業 | 裝修日記 | 學駕駛經歷 | 免費信息發布 | 網站地圖

地址：合肥市臨泉路香格里拉花園郵箱：pc354@163.com　QQ：55769640 | 皖ICP備06007228號　
版權所有：科杰服務(www.www.yeewaa.com)　建議使用IE7.0或以上版本,最少1280分辨率瀏覽本站,可獲得最佳瀏覽效果

精品久久亚洲_69pao在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看

欧美区在线播放| 国产精品无码av在线播放| 国内精品久久久久久久| 69国产精品成人在线播放| 亚洲综合在线小说| 俄罗斯精品一区二区| 欧美精品一区二区免费| 国产一区欧美二区三区| 久久成人精品电影| 国产精品视频999| 国产中文欧美精品| 精品一区二区日本| 国内精品国产三级国产99| 欧美日韩亚洲国产成人| 国产精品久久久久不卡| 国产女教师bbwbbwbbw| 久久在线免费观看视频| 久久99精品久久久久久青青91| av免费精品一区二区三区| 婷婷五月色综合| 国产高清不卡av| 日本精品一区二区| 国产精品无码av无码| 国产精品免费网站| 欧美日韩国产成人| 视频一区免费观看| 欧美乱大交xxxxx| 久热精品视频在线免费观看| 亚洲综合五月天| 日本一区二区三区在线播放| 欧美成人久久久| 在线播放豆国产99亚洲| 久久久999成人| 欧美xxxx做受欧美.88| 亚洲欧美日韩精品综合在线观看 | 国产精品裸体瑜伽视频| 国产精品黄色av| 69精品小视频| www.美女亚洲精品| 成人一级生活片| 国产精品99蜜臀久久不卡二区| 欧美国产亚洲一区| 国产一区二区视频在线免费观看| 亚洲a级在线观看| 九九热r在线视频精品| 色视频一区二区三区| 欧美极品欧美精品欧美图片| 国产精品永久在线| 日韩免费毛片视频| 欧美激情a∨在线视频播放| 亚洲va欧美va国产综合久久| 久久综合色影院| 亚洲高清视频一区二区| 欧美做受高潮1| 日本欧美精品久久久| 精品无码av无码免费专区 | 国产日韩一区二区| 久久久久久久久久久久久久久久av | 国产伦精品一区二区三区| 久久综合色一本| 国产伦精品一区二区三区高清版| 久久久亚洲国产天美传媒修理工| 久久成人国产精品| 秋霞午夜一区二区| 国产精品.com| 伊人久久大香线蕉综合75| 红桃av在线播放| 欧美xxxx黑人又粗又长密月| 91久色国产| 97国产一区二区精品久久呦| 日韩中文字在线| 色偷偷91综合久久噜噜| 中文字幕乱码一区二区三区| 免费在线成人av| 国产不卡一区二区视频| 99在线观看视频| 国产精品海角社区在线观看| 欧美亚洲第一区| 黄色动漫网站入口| 久久久久这里只有精品| 无码无遮挡又大又爽又黄的视频| 国产精品在线看| 国产99久久九九精品无码| 国产主播在线看| 不卡中文字幕av| 国产深夜男女无套内射| 久久中文字幕国产| 国产日本一区二区三区| 精品国产91亚洲一区二区三区www| 免费av观看网址| 国产精品极品尤物在线观看| 精品一区二区视频| 久久av资源网站| 国产精品一区二区三区在线观| 国产av第一区| 成人免费网站在线| 亚洲精品成人自拍| 国产成人综合一区| 日韩视频在线播放| 久久久精品一区| 男女视频一区二区三区| 国产精品九九九| 国产精品一区二区三区在线观| 亚洲一区影院| 久久久综合免费视频| 欧美一级黄色影院| 按摩亚洲人久久| 精品一区日韩成人| 一本一道久久久a久久久精品91 | 亚洲一区二区在线免费观看| 成人免费毛片播放| 亚洲**2019国产| 久久国产精品-国产精品| 日本久久高清视频| 国产精品日韩欧美一区二区 | 国产精品乱码一区二区三区| 国内免费久久久久久久久久久| 久久亚洲私人国产精品va| 国产日韩欧美在线视频观看| 国产aaa精品| 免费av在线一区| 97人人模人人爽人人喊38tv| 日本高清不卡在线| 久久亚洲国产精品成人av秋霞| www.av一区视频| 日韩人妻无码精品久久久不卡| 国产成人精品一区二区在线| 韩国v欧美v日本v亚洲| 久久久久久91| 国产成人精品免高潮费视频| 欧美怡红院视频一区二区三区| 欧美在线视频一区| 亚洲专区国产精品| 色噜噜狠狠狠综合曰曰曰88av| 国产日韩欧美影视| 日本欧美一级片| 欧美久久精品一级黑人c片| 国产福利久久精品| 精品一区二区成人免费视频| 无码内射中文字幕岛国片| 国产精品久久久久久久久久久久 | 国产精品午夜一区二区欲梦| 日本不卡一二三区| 欧美大成色www永久网站婷| 91av在线播放| 国产在线青青草| 欧美一级片在线播放| 九九久久国产精品| 精品国产一区av| 97久久伊人激情网| 国内精品400部情侣激情| 日本免费不卡一区二区| 中文字幕欧美日韩一区二区| 久久国内精品一国内精品| 91九色在线视频| 国产在线观看精品一区二区三区| 亚洲精品免费网站| 久久成人综合视频| 北条麻妃久久精品| 国产激情片在线观看| 国产欧美婷婷中文| 欧美日韩国产在线| 欧美一级在线播放| 中文字幕在线中文字幕日亚韩一区| 色噜噜国产精品视频一区二区| 成人av在线播放观看| 国模无码视频一区二区三区| 日韩精品一区二区三区色欲av | 久久99精品视频一区97| 国产福利视频一区| www.com毛片| 国产一区玩具在线观看| 欧美中文字幕视频| 午夜精品视频在线观看一区二区| 国产aⅴ夜夜欢一区二区三区| 国产精品热视频| 日韩亚洲第一页| 国产成人精品免高潮在线观看| 91精品国产精品| 99中文字幕在线观看| 国产女同一区二区| 国产无套粉嫩白浆内谢的出处| 免费看黄在线看| 国产一级片91| 精品一区二区三区日本| 男人添女人下部视频免费| 欧日韩不卡在线视频| 日韩欧美一区二区在线观看| 日本精品免费一区二区三区| 日韩女优在线播放| 日韩avxxx| 日韩精品在在线一区二区中文| 日韩人妻一区二区三区蜜桃视频| 日韩av高清| 日韩激情久久| 欧美亚洲精品一区二区| 韩国日本不卡在线| 国产日韩欧美在线观看| 国产精品午夜av在线| 91免费视频国产|