Jin_evan 2016-09-13 14:33 采纳率: 100%
浏览 1312
已采纳

使用jquery制作动态斑马条纹表格 请我该怎样实现

使用jQuery完成一个动态的斑马条纹表格:加载后奇数行底色为红色,当鼠标进入表格时奇数行去掉底色,换成偶数行底色为红色,鼠标离开时候回复到原始状态。(提示:toggleClass)
<br> $(&quot;#one thead&quot;).css(&quot;background&quot;,&quot;blue&quot;);<br> $(&quot;#one tbody tr:odd&quot;).css(&quot;background&quot;,&quot;red&quot;);<br>
已实现部分效果,后边是用toggleClass好呢 还是用mouseover显示隐藏好图片说明

  • 写回答

3条回答

  • 当作看不见 2016-09-13 14:57
    关注

    。。。

     <script type="text/javascript">
        $(function(){
            $("#one tr:even").addClass("red")
            $("#one tr:first").css("background-color","blue")
            $("#one").hover(function(){
                $("#one tr").toggleClass("red")
                $("#one tr:first").css("background-color","blue")
            })
        })
    </script>
    <style type="text/css">
        .red{
            background-color: red;
        }
    </style>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记