2 zengyunhua1992 zengyunhua1992 于 2016.09.13 22:41 提问

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

加载后奇数行底色为红色,当鼠标进入表格时奇数行去掉底色,换成偶数行底色为红色,鼠标离开时候回复到原始状态。(提
$("#one thead").css("background","blue");
$("#one tbody tr:odd").css("background","red");
图片说明

4个回答

qq_29594393
qq_29594393   Ds   Rxr 2016.09.13 22:56
已采纳

相同的问题,还是要自己动手处理一下。。

 <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>
zengyunhua1992
zengyunhua1992 好的,非常感谢! 我自己也写虽然实现了效果但是感觉代码有点别扭
大约一年之前 回复
lv_qinyu
lv_qinyu   2016.09.13 22:58

鼠标进入后换掉底色的话,用onmousemove和Onmouseout,对用onmousemove和Onmouseout分别添加你想要改变成的background-color的颜色
比如鼠标移动进去之后,document.getElementById(row).style.backgroundcolor="#CCCCCFF"(假设表格的某一个tr的id为row),同理,设置ommouseout的函数,你可以先试试看

zengyunhua1992
zengyunhua1992   2016.09.13 23:16

已经写好 给你们看下 不过感觉有点low 图片说明

qq_29594393
qq_29594393   Ds   Rxr 2016.09.13 23:42
把hover变成这个吧,再减少一行,还行的话采纳一下(还有前天的)^-^
   $("#one").hover(function(){
            $("#one tr:gt(0)").toggleClass("red")
        })
qq_29594393
qq_29594393 回复zengyunhua1992: 右边的统计数据可以直接链接过去。。。
大约一年之前 回复
zengyunhua1992
zengyunhua1992 前天的我都不知道问题从哪里看到,找不到啊
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!