国产美女视频91_老司机免费视频一区二区_97精品超碰一区二区三区_蜜桃视频在线观看一区_99热精品一区二区_成人av在线看_高清国产一区二区三区_久久精品国产网站_免费人成精品欧美精品_av中文一区二区三区

<del id="o20ai"></del><del id="o20ai"></del>

<ul id="o20ai"></ul>

歡迎來到懶人圖庫！返回首頁網站地圖懶人工具箱

當前位置：首頁 > JS代碼 > JS特效代碼 > 表格圖層

Table Stripes and Row Locking.-(checkbox)

2009-06-04　來源/作者：懶人圖庫　分類：表格圖層　 «»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Table Stripes and Row Locking</title>

<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>Table 2</h1>

<table
	id="striped2"
	class="pickme"
	caption="Top Grossing Movies">
<thead>
<tr>
	<th> </th>
	<th>Category</th>
	<th>Movie</th>
	<th>Gross</th>
</tr>
</thead>
<tbody>

<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice1"
			value="walalala" />
	</td>
 	<td>Domestic</td>
	<td>Titanic</td>
	<td>$600,788,188</td>
</tr>

<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice2"
			value="walalala" />
	</td>
	<td>Adjusted for Inflation</td>
	<td>Gone with the Wind</td>
	<td>$1,329,453,600</td>
</tr>

<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice3"
			value="walalala" />
	</td>
	<td>Worldwide</td>
	<td>Titanic</td>
	<td>$1,845,034,000</td>
</tr>

<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice4"
			value="walalala" />
	</td>
	<td>R-Rating</td>
	<td>The Passion of the Christ</td>
	<td>$370,274,604</td>																																																																																																																																				
</tr>

<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice5"
			value="walalala" />
	</td>
	<td>PG-13 Rating</td>
	<td>Titanic</td>
	<td>$600,788,188</td>
</tr>

<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice6"
			value="walalala" />
	</td>
	<td>PG-Rating</td>
	<td>Star Wars</td>
	<td>$460,998,007</td>

</tr>
<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice7"
			value="walalala" />
	</td>
	<td>G-Rating</td>
	<td>Finding Nemo</td>
	<td>$339,714,978</td>

</tr>
<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice8"
			value="walalala" />
	</td>
	<td>NC-17 Rating</td>
	<td>Showgirls</td>
	<td>$20,350,754</td>

</tr>
<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice9"
			value="walalala" />
	</td>
	<td>Movies that never hit #1</td>
	<td>My Big Fat Greek Wedding</td>
	<td>241,438,208</td>

</tr>
<tr>
	<td>
		<input
			type="checkbox"
			name="tablechoice10"
			value="walalala" />
	</td>
	<td>IMAX</td>
	<td>Everest</td>
	<td>$87,178,599</td>

</tr>
</tbody></table>

</body>
</html>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

轉自：http://www.cssrain.cn/

標簽：表格圖層

相關代碼推薦

解決div總是被select遮擋的問題

DIV未知高度的垂直居中代碼

AJAX仿EXCEL表格功能

玩轉表格之表格邊框魔鬼教程

給表格做鏈接

無圖片的圓角表格

用CSS控制表格的交替顏色

可拖動的彈出層提示效果

AJAX可以拖動的DIV塊

廣告代碼 全部››: 焦點圖; 全屏廣告; 對聯廣告; 在線客服; 相冊代碼; 菜單導航; TAB標簽; 懸浮漂浮; 視頻播放; 圖片特效; 翻牌書角; 其他代碼

特效代碼 全部››: 導航菜單; 表單按鈕; 文字特效; 表格圖層; 圖片特效; 時間日期; 滾動代碼; 窗口特效; 顏色背景; 網站常用; CSS樣式; 其他特效

猜你也喜歡看這些 ······: jQuery手風琴圖片滑動效果圖片特效2020-04-26; HTML5&SVG彩色線條文字時鐘特效代碼其他代碼2020-04-26; 像素方塊時鐘CSS3特效代碼其他代碼2020-04-26; 購物網站四聯CSS3圖片特效代碼圖片特效2020-04-24; 2021新年倒計時雪花代碼其他代碼2020-04-24

這些是最新的 ······: CSS3+JS滾動數字時鐘代碼時間日期2017-09-09; jQuery左右滾動4屏彈性焦點圖代碼網站常用2020-04-10; jQuery實現的平滑滾動選項卡其他特效2020-04-10; 圖片垂直居中不隨滾動條滾動的JS代碼圖片特效2020-04-10; 圖片在窗口中上下左右垂直居中代碼圖片特效2020-04-10

国产美女视频91_老司机免费视频一区二区_97精品超碰一区二区三区_蜜桃视频在线观看一区_99热精品一区二区_成人av在线看_高清国产一区二区三区_久久精品国产网站_免费人成精品欧美精品_av中文一区二区三区

高清不卡一区二区在线| 日韩高清国产一区在线| 日韩成人免费看| 久久精品国产第一区二区三区| 精品一区二区三区欧美| 波多野结衣一区二区三区 | 欧美a级一区二区| 国产伦精一区二区三区| 99久久精品免费看国产| 国产一区视频导航| 91蝌蚪国产九色| 国产高清无密码一区二区三区| 成人午夜伦理影院| 精品一二三四在线| 日韩中文字幕91| 国产suv精品一区二区883| 美女在线视频一区| 91首页免费视频| 成人黄色国产精品网站大全在线免费观看 | 国内精品国产三级国产a久久| 9久草视频在线视频精品| 国内精品视频一区二区三区八戒| 97精品国产97久久久久久久久久久久| 久久99精品久久久| 日韩精品一二三区| 99精品视频免费在线观看| 国产精品2024| 狠狠色丁香九九婷婷综合五月| 91视视频在线观看入口直接观看www | 91小视频在线| 成人激情午夜影院| 国产成人aaa| 国产一区二区免费在线| 久久97超碰色| 久久99精品久久久久久 | 奇米一区二区三区| 青青草成人在线观看| www.av精品| www.亚洲激情.com| 暴力调教一区二区三区| 国产电影一区二区三区| 国产成人精品一区二区三区网站观看| 极品销魂美女一区二区三区| 欧美aaa在线| 麻豆精品在线播放| 免费看日韩精品| 蜜桃在线一区二区三区| 久久精品国产亚洲a| 久久成人久久鬼色| 精品一区二区综合| 久久99在线观看| 久久97超碰色| 国产黄人亚洲片| 波多野结衣在线一区| 国产精品一区专区| 国产精品一二三四区| 国产精品中文字幕日韩精品| 国产成人综合网| 成人av电影免费观看| 91天堂素人约啪| 美女在线视频一区| 高清在线不卡av| 99re8在线精品视频免费播放| 91麻豆6部合集magnet| 秋霞午夜鲁丝一区二区老狼| 国产精品自在欧美一区| 9人人澡人人爽人人精品| 蜜臀av在线播放一区二区三区| 奇米色一区二区| 日韩欧美一区二区三区| 欧美96一区二区免费视频| 国产中文一区二区三区| 99热这里都是精品| 久久99精品视频| 成人美女视频在线观看| 日本成人中文字幕在线视频| 韩国三级在线一区| av电影在线观看一区| 日本欧美韩国一区三区| 成人免费的视频| 蜜桃av噜噜一区二区三区小说| 国产在线精品国自产拍免费| 成人免费看视频| 久久99精品久久久久婷婷| 成人不卡免费av| 精久久久久久久久久久| 91在线小视频| 国产成人精品亚洲777人妖| 日本午夜精品视频在线观看| 激情久久五月天| 91麻豆视频网站| 国产99久久久国产精品免费看| 男女激情视频一区| 91在线一区二区| 国产91丝袜在线18| 国内精品视频666| 奇米影视一区二区三区| 不卡免费追剧大全电视剧网站| 另类成人小视频在线| 成人av资源在线| 国产在线精品免费| 精品一区二区三区影院在线午夜 | 精品一区二区三区的国产在线播放| 不卡一区中文字幕| 国产高清不卡一区二区| 奇米777欧美一区二区| 日韩精品一二区| www.成人在线| 成人毛片老司机大片| 国产精品一区免费在线观看| 国产剧情一区在线| 国产综合色产在线精品| 日本亚洲最大的色成网站www| 972aa.com艺术欧美| 成人av电影在线播放| 粉嫩av一区二区三区| 国产传媒日韩欧美成人| 国产成人免费xxxxxxxx| 国产99久久久国产精品潘金网站| 国产毛片一区二区| 国产91露脸合集magnet| 国产二区国产一区在线观看| 国产精品69毛片高清亚洲| 极品少妇一区二区三区精品视频| 久久国产精品区| 精品一区二区三区的国产在线播放| 日韩精品免费视频人成| 日本va欧美va瓶| 老司机免费视频一区二区| 麻豆成人久久精品二区三区小说| 久久99精品国产麻豆不卡| 免费黄网站欧美| 久久国产人妖系列| 国产在线日韩欧美| 成人免费视频一区| 99riav久久精品riav| 免费精品视频最新在线| 精品系列免费在线观看| 国产高清亚洲一区| 91一区二区三区在线观看| 日本欧洲一区二区| 精品午夜久久福利影院| 国产成人午夜99999| 99视频精品在线| 捆绑紧缚一区二区三区视频| 国产一区二区日韩精品| 成人黄色国产精品网站大全在线免费观看 | 99视频精品在线| 日本少妇一区二区| 国产精品一区在线观看你懂的| 国产成人午夜精品影院观看视频 | 99re免费视频精品全部| 美女视频免费一区| 国产成人高清视频| 91免费看`日韩一区二区| 蜜桃视频免费观看一区| 国产69精品久久99不卡| 三级一区在线视频先锋| 国精产品一区一区三区mba视频| 粉嫩一区二区三区性色av| 日韩精品三区四区| 国产成人在线视频网站| 日韩电影免费一区| 国产999精品久久久久久绿帽| 日日骚欧美日韩| 国产黄色成人av| 日本欧洲一区二区| 成人激情午夜影院| 男人操女人的视频在线观看欧美| 国产成人免费网站| 久久99精品一区二区三区三区| 国产电影一区在线| 麻豆国产欧美日韩综合精品二区| av成人免费在线观看| 国产剧情av麻豆香蕉精品| 免费一级片91| 不卡的av网站| 国产99一区视频免费| 狠狠v欧美v日韩v亚洲ⅴ| 91麻豆国产在线观看| 国产经典欧美精品| 国产精品亚洲人在线观看| 看电视剧不卡顿的网站| 97se亚洲国产综合自在线不卡| 国产寡妇亲子伦一区二区| 激情文学综合丁香| 精品在线观看视频| 日本欧美一区二区| 日韩精品三区四区| 日本最新不卡在线| 日韩国产精品大片| 91视频免费播放| 国产丶欧美丶日本不卡视频| 久久99久久精品| 青青草精品视频| 日本美女一区二区| 视频一区二区三区中文字幕| 972aa.com艺术欧美| 成年人午夜久久久| 99久久er热在这里只有精品66| 国产不卡免费视频| 成人性生交大片免费看视频在线| 国产传媒日韩欧美成人| 国产成人免费视| 成人在线视频首页| 9人人澡人人爽人人精品| 91网上在线视频| 日韩精品亚洲专区| 免费看黄色91| 国产一区在线观看视频| 看国产成人h片视频| 国产中文字幕精品| 国产999精品久久久久久绿帽| 国产成人在线视频网址| 成人综合婷婷国产精品久久免费| 成人免费视频视频在线观看免费| 99久久国产综合色|国产精品| av成人免费在线| 日精品一区二区| 捆绑调教美女网站视频一区| 狠狠色丁香婷综合久久| 国产成人免费视频网站高清观看视频| 久久精品99国产精品| 国产麻豆成人精品| www.99精品| 美女一区二区视频| 国产精品一级二级三级| bt7086福利一区国产| 免费不卡在线观看| 国产盗摄视频一区二区三区| 成人免费高清视频| 美腿丝袜亚洲综合| 国产精品一二三四五| 99视频精品全部免费在线| 久久精品国产亚洲一区二区三区| 国产资源精品在线观看| av在线播放成人| 美女视频黄久久| 成人激情文学综合网| 日本aⅴ亚洲精品中文乱码| 国产一区二区免费视频| 99re成人精品视频| 国产精品一区二区三区99| 97se亚洲国产综合自在线观| 久草在线在线精品观看| 不卡的看片网站| 狠狠色狠狠色综合日日91app| 国产成人综合亚洲91猫咪| 不卡av在线网| 国产一区二区剧情av在线| 91亚洲精华国产精华精华液| 激情五月激情综合网| 91网站视频在线观看| 国产馆精品极品| 麻豆极品一区二区三区| av成人动漫在线观看| 国产精品影视在线观看| 麻豆91精品91久久久的内涵| 成人h版在线观看| 国产精品99久久久久久宅男| 日本在线播放一区二区三区| 不卡一区在线观看| 国产乱码精品一区二区三 | 青青青爽久久午夜综合久久午夜| 国产福利一区二区三区视频在线 | 国产在线精品一区二区不卡了| 不卡的av电影| 高清国产一区二区| 国产尤物一区二区在线 | 免费成人在线影院| 91免费在线看| 成人免费黄色大片| 国产成人超碰人人澡人人澡| 极品美女销魂一区二区三区免费| 日韩激情一区二区| 91视视频在线观看入口直接观看www| 国产老妇另类xxxxx| 精品亚洲国内自在自线福利| 美国毛片一区二区三区| 日韩1区2区日韩1区2区| 日日夜夜一区二区| 日韩精品一二三| 日韩国产在线观看一区| 日韩激情中文字幕| 91免费观看视频在线| 日韩精品91亚洲二区在线观看| 99精品久久免费看蜜臀剧情介绍| 福利一区在线观看| 成人精品国产免费网站| 高清在线观看日韩| 成人国产精品免费网站| 成人性生交大合| av在线播放不卡| 91女人视频在线观看| 日韩国产精品久久久久久亚洲| 丝袜亚洲精品中文字幕一区| 91麻豆国产福利在线观看| 日韩中文字幕av电影| 蜜桃久久av一区| 久久99久国产精品黄毛片色诱| 另类人妖一区二区av| 成人av电影在线观看| 99精品在线免费| 日韩av一区二| 国产综合久久久久久鬼色| 国产ts人妖一区二区| 成人av网站在线| 日本国产欧美色综合| 久久99精品久久久久久| 国产成人免费视频网站 | 97se亚洲国产综合自在线| 天堂在线一区二区| 久久国内精品自在自线400部| 韩国精品久久久| 国产老妇另类xxxxx| 白白色亚洲乱淫| 青草国产精品久久久久久| 国产一区二区三区一级| 成人黄色大片在线观看| 人人狠狠综合久久亚洲| 国产一区二区伦理| 99国产欧美久久久精品| 激情综合一区二区三区| www.亚洲色图| 九色综合国产一区二区三区| 不卡的电视剧免费网站有什么| 日本美女视频一区二区| 国产精品亚洲一区二区三区在线| av成人免费在线| 国产伦精品一区二区三区免费 | 99热精品一区二区| 极品美女销魂一区二区三区免费| 极品少妇xxxx精品少妇偷拍| 成人激情动漫在线观看| 精品在线亚洲视频| 97精品国产97久久久久久久久久久久| 久久国产夜色精品鲁鲁99| 成人a免费在线看| 国产美女视频91| 日韩电影免费在线看| 懂色av一区二区三区免费观看| 蜜臀av亚洲一区中文字幕| www.欧美日韩| 国产毛片一区二区| 蜜臀精品久久久久久蜜臀| 不卡在线观看av| 国产一区二区三区精品视频| 奇米综合一区二区三区精品视频| 国产成人亚洲精品狼色在线| 麻豆成人91精品二区三区| 97久久精品人人澡人人爽| 盗摄精品av一区二区三区| 国产一区在线观看视频| 奇米一区二区三区| 石原莉奈在线亚洲二区| 波多野结衣中文一区| 国产精品一二三区| 久久国产人妖系列| 日韩av电影天堂| 视频一区欧美日韩| 成人午夜电影网站| 高清视频一区二区| 国产成人自拍高清视频在线免费播放| 男女男精品视频网| www..com久久爱| 不卡电影免费在线播放一区| 国产成人午夜精品影院观看视频| 国产在线视频精品一区| 美女精品一区二区| 捆绑调教一区二区三区| 老司机午夜精品| 91最新地址在线播放| 99精品国产热久久91蜜凸| 成av人片一区二区| 成人动漫av在线| 波多野结衣一区二区三区| a在线播放不卡| 天堂精品中文字幕在线| 日韩精品一级二级| 免费成人在线视频观看| 毛片基地黄久久久久久天堂| 奇米精品一区二区三区在线观看一| 肉肉av福利一精品导航| 日本成人中文字幕在线视频| 麻豆国产精品视频| 久久99精品久久只有精品| 激情小说亚洲一区| 国产宾馆实践打屁股91| 不卡的av电影| 日本系列欧美系列| 国模娜娜一区二区三区| 懂色av中文一区二区三区| 成人aa视频在线观看| 91论坛在线播放| 麻豆国产一区二区| 国产成人亚洲综合a∨猫咪| a美女胸又www黄视频久久| 日韩国产欧美在线观看| 国产综合色在线| 成人妖精视频yjsp地址|

<del id="0aku0"></del>

<tfoot id="0aku0"><input id="0aku0"></input></tfoot>