Jquery实现对Table表格奇偶行设置颜色及移动鼠标行变代码,JS代码库,德仔网

代码语言

代码分类

【JS】 Jquery实现对Table表格奇偶行设置颜色及移动鼠标行变

作者:liangjw0504 / 发布于2013/9/13/ 891


	//页面加载,调用js
	$(document).ready(function () {
	 pageLoad(); //页面加载，隔行变色
	 });

	//页面加载时，对Table表格移动鼠标行变色操作，通用方法
	function pageLoad() {

	 //table 中设置class属性[class= msgtable]
	 $("table[class=msgtable]").each(function () {
	 var _this = $(this);
	 //设置偶数行和奇数行颜色
	 _this.find("tr:even").css("background-color", "#f8f8f8");
	 _this.find("tr:odd").css("background-color", "#f0f0f0");

	 //鼠标移动隔行变色hover用法关键
	 _this.find("tr:not(:first)").hover(function () {
	 $(this).attr("bColor", $(this).css("background-color")).css("background-color", "#E0E0E0").css("cursor", "pointer");
	 }, function () {
	 $(this).css("background-color", $(this).attr("bColor"));
	 });

	 });
	}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　奇偶行设置颜色　

同语言下

可能有用的

liangjw0504贡献的其它代码(36)