日本久久成人_在线免费av观看_欧美亚洲综合网_在线看亚洲_亚洲精品黄色_成年人晚上看的视频

<small id="cj07w"></small>

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

表格隔行變色且勾選變色

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

<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>實現隔行變色并且鼠標移到單元格上會變色的效果--科杰在線pc354.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>pc354.com</td>
</tr>
</tbody></table>
</body>
</html>

[科杰在線pc354.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.697579.cn)　建議使用IE7.0或以上版本,最少1280分辨率瀏覽本站,可獲得最佳瀏覽效果

主站蜘蛛池模板： a级片在线看 | 麻豆精品网站 | 成年人网站免费看 | 青青av| 国产绿帽 | 欧美一道本 | 日韩一二三四五区 | 爱情岛论坛自拍 | 亚洲a在线观看 | aa成人| 欧美日韩视频在线 | 国产亚洲久久 | 国产一区二区三区影院 | 中文字幕在线观看网站 | 美国黄色a级片 | 久久久久久久久久免费视频 | 国产自偷自拍 | 夜色爽 | 丰满岳乱妇一区二区 | 日韩精品久久 | 亚州男人的天堂 | 91成人在线观看喷潮蘑菇 | 午夜在线视频免费观看 | 欧美在线激情 | 亚洲性图第一页 | 成人福利网 | 亚洲天堂2020 | 日本特级黄色 | 又黄又爽又色的视频 | 综合激情网站 | 成人av免费看 | 亚洲天堂999 | 婷婷五月情 | 日韩中文字幕高清 | 成人黄色视屏 | 久久久久久久久网 | 亚洲久草 | 天天色官网 | 99亚洲精品| 欧美日韩精品一区 | 黄色av免费在线 |

<pre id="1vbjb"></pre>

<small id="1vbjb"></small>

<pre id="1vbjb"></pre>