当前位置: 代码迷 >> Web前端 >> Jquery报表双色显示,鼠标滑过样式
  详细解决方案

Jquery报表双色显示,鼠标滑过样式

热度:95   发布时间:2012-10-29 10:03:53.0
Jquery表格双色显示,鼠标滑过样式
<script type="text/javascript" src="${ctx}/js/jquery-1.4.4.min.js"></script>
//id为table1 tr 奇偶行色
$("#table1 tr:even").not("tr:first").css({ color: "black", background: "#e5f1f4" });
$("#table1 tr:odd").css({ color: "black", background: "#f8fbfc" });
//tr 设置第一行色css
$("#table1 tr").first().css({color: "white", background: "#328aa4"});

//如果鼠标移到tr上时,执行函数
$("#table1 tr").mouseover(function(){  
$(this).css({color: "white", background: "#328aa4"});}).mouseout(function(){
//给这行添加class值,鼠标移出该行时执行函数
$("#table1 tr:even").not("tr:first").css({ color: "black", background: "#e5f1f4" });
$("#table1 tr:odd").css({ color: "black", background: "#f8fbfc" });
$("#table1 tr").first().css({color: "white", background: "#328aa4"});
}) ?
  相关解决方案