<!--鼠标滑过表格行变色效果开始-->
<script type="text/javascript">
/* 当鼠标移到表格上是,当前一行背景变色 */
$(document).ready(function(){
$(".g-sun-li tr td").mouseover(function(){
$(this).parent().find("td").css("background-color","#fff2cc");
});
})
/* 当鼠标在表格上移动时,离开的那一行背景恢复 */
$(document).ready(function(){
$(".g-sun-li tr td").mouseout(function(){
var bgc = $(this).parent().attr("bg");
$(this).parent().find("td").css("background-color",bgc);
});
})
$(document).ready(function(){
var color="#f7f7f7"
$(".g-sun-li tr:odd td").css("background-color",color); //改变偶数行背景色
/* 把背景色保存到属性中 */
$(".g-sun-li tr:odd").attr("bg",color);
$(".g-sun-li tr:even").attr("bg","#fff");
})
</script>
鼠标划过表格行变色效果JS
最新推荐文章于 2023-04-27 10:34:48 发布