`
zyongking
  • 浏览: 57603 次
  • 性别: Icon_minigender_1
  • 来自: 湖北
社区版块
存档分类
最新评论

利用jquery实现,鼠标移动到表格变色特效

阅读更多

我用的是jquery-1.3.2.js

大家如果要用鼠标移动到表格变色特效

就必须引入这个js文件,然后在把下面的脚本写一个js文件,引用页面,最后只需要在网页加载的时候执行该函数.

/*
 *@param tabID 表格名称
 *@param oveClass 鼠标进入时的样式
 *@param outClass 鼠标离开时的样式(为样式名称)
 */
function altrow(tabID,oveClass,outClass) {
	var rowObj = $("#" + tabID).find("tr");
	$.each(rowObj, function (i, obj) {
		var tr = $(obj);
		tr.mousemove(function () {
			tr.addClass(oveClass);
		});
		tr.mouseout(function () {
			tr.removeClass(oveClass);
			tr.addClass(outClass);
		});
	});
}

 如:

window.onload=function(){
     altrow(传入参数);
}
或者用jquery来实现
$(document).ready(function(){
     altrow(传入参数);
});

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics