jQuery表格隔行换色

表格隔行换色表格行间隔行用不同颜色表示,便于信息浏览,同时具有鼠标经过行高亮效果.

传统的做法要在tr里加
onMouseOver="this.className='two'" onMouseOut="this.className='one'"

很麻烦，jQuery只用5行代码就搞定：
JavaScript复制代码
  1. <script type="text/javascript">   
  2. $(document).ready(function(){   
  3.       $(".stripe_tb tr").mouseover(function(){ //如果鼠标移到class为stripe_tb的表格的tr上时，执行函数   
  4.       $(this).addClass("over");}).mouseout(function(){ //给这行添加class值为over，并且当鼠标一出该行时执行函数   
  5.       $(this).removeClass("over");}) //移除该行的class   
  6.       $(".stripe_tb tr:even").addClass("alt"); //给class为stripe_tb的表格的偶数行添加class值为alt   
  7. });   
  8. </script>  


上一篇：Repeater中的onitemcommand你用了没有？

下一篇：ASP.NET 4中的SEO改进

留下脚印压缩包密码:sosuo8
名字:
全部评论:
申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ jQuery表格隔行换色 ”的原作者，若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法：email:ahuinan@21cn.com  QQ:106494262

感谢以下网友对网站提出的建议：
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)
文章档案
  • 作者：佚名
  • 来源：转载
  • 日期：2010-1-17 19:38:00
  • 点击：367
网友投票(您觉得这篇文章怎样？)
loadding...请稍侯......

  

  

实用文章总结
文章阅读排行
随便看看
最新评论