js设置表格行的单击、鼠标移动事件，光棒效果

最新推荐文章于 2023-09-26 16:29:13 发布

iteye_13003

最新推荐文章于 2023-09-26 16:29:13 发布

阅读量465

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：乔乐共享 js 光棒效果行单击 ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82160988

js 专栏收录该内容

123 篇文章

订阅专栏

var setTable = function(table_id) {
	var table = document.getElementById(table_id);
	var rows = table.getElementsByTagName("tr");
	for (i = 1; i < rows.length; i++) {// 0 is start
		var srcBgColor = null;//rows[i].style.backgroundColor;
		rows[i].onmouseover = function() {
			srcBgColor = this.style.backgroundColor;
			this.style.backgroundColor = 'red';
		};
		rows[i].onmouseout = function() {
			// this.style.backgroundColor = '';
			this.style.backgroundColor = srcBgColor;
		};
		// this.className='selectedRow' 
		rows[i].onclick = function() {
			//var cell = this.getElementsByTagName("td")[1];// 0 is start
			//var entryId = cell.firstChild.nodeValue;
			var entryId = this.cells[1].innerText;
			location.href = '${basePath}bill/bill!retrieveByEntryId.action?bill.entryId=' + entryId;
			this.style.cursor = "wait";
		}

	}
}

window.onload = function() {
	init();
	setTable("bm");
}