网站制作学习网JS脚本→正文:javascript逐行变色,点击变色
字体:

javascript逐行变色,点击变色

JS脚本 2011/9/5 19:18:06  点击:不统计


通过jquery操作类进行的逐行变色
<script type="text/javascript">
$(document).ready(function(){
 $("tr").each(function(index){
    $(this).click(function(){
        $("tr").removeClass();$("tr:odd").addClass("gray");//进行全部行的减色后,进行双行加色
       $(this).removeClass().addClass("blue");//去除当前行的颜色后,进行加色
   })      
 })
 $("tr:odd").addClass("gray");//首先将双行进行加色
})
</script>
很容易,很简便。
效果请看: 逐行变色

·上一篇:jquery弹出灰色层 >>    ·下一篇:水平滚动图片广告特效 >>
推荐文章
最新文章