当鼠标移动到表单上，改变表单的颜色

最新推荐文章于 2023-11-18 12:46:17 发布

原创最新推荐文章于 2023-11-18 12:46:17 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的简单鼠标悬停效果。当鼠标移动到表格行上时，该行背景会变为灰色；当鼠标移开时，背景恢复为白色。此效果通过绑定mouseover和mouseout事件来实现。

1：效果：这里写图片描述
2：当鼠标移到序号三时，变为灰色，移到其他地方恢复原色
3：实现代码如下：

<script type="text/javascript">
$(document).ready(function(){
    $("tr").bind("mouseover",function(){  
        $(this).css("background-color","#eeeeee");  
    });  
    $("tr").bind("mouseout",function(){  
        $(this).css("background-color","#ffffff");  
    });

});
</script>