当前位置: 编程技术>jquery
jQuery隔行换色和鼠标经过高亮并显示隐藏内容
来源: 互联网 发布时间：2014-09-03
本文导语: 一、隔行换色 代码如下: $("tr:odd").addClass("tr_bg"); 就是说将表格的偶数行添加名为tr_bg的样式，当然，tr_bg的样式就是用来表示背景色的。 二、鼠标经过高亮显示当前行 代码如下: $("tr").mouseover( fun...
一、隔行换色
代码如下:
$("tr:odd").addClass("tr_bg");
就是说将表格的偶数行添加名为tr_bg的样式，当然，tr_bg的样式就是用来表示背景色的。
二、鼠标经过高亮显示当前行
代码如下:
$("tr").mouseover(
function(){
$(this).addClass("tr_over");
}
);
$("tr").mouseout(
function(){
$(this).removeClass("tr_over");
}
);
function(){
$(this).addClass("tr_over");
}
);
$("tr").mouseout(
function(){
$(this).removeClass("tr_over");
}
);
鼠标经过时将该行添加名为tr_over的样式，鼠标移出时移除该样式。
三、鼠标经过显示该行的编辑和删除链接
代码如下:
$("tr").mouseover(
function(){
$(this).find(".p_none").show();
}
);
$("tr").mouseout(
function(){
$(this).find(".p_none").hide();
}
);
function(){
$(this).find(".p_none").show();
}
);
$("tr").mouseout(
function(){
$(this).find(".p_none").hide();
}
);
原理和第二条一样。
点这里查看演示
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。