分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow
也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!
以下代码实现效果:1.表格隔行变色。2.鼠标悬停在表格行上时变色。
一:在页面内引入jquery.js。我使用的是jquery-1.6.min.js。
二:加入如下js代码
<script type="text/javascript"> //隔行变色 $(document).ready(function(){ $(".stripe_tb tr").mouseover(function(){ //如果鼠标移到class为stripe_tb的表格的tr上时,执行函数 $(this).addClass("over");}).mouseout(function(){ //给这行添加class值为over,并且当鼠标一出该行时执行函数 $(this).removeClass("over");}) //移除该行的class $(".stripe_tb tr:even").addClass("alt"); //给class为stripe_tb的表格的偶数行添加class值为alt }); </script>
三:添加如下CSS样式表
/*注意选择器的层叠关系*/.stripe_tb tr.alt td{background:#ecf6fc} /*这行将给所有偶数行加上背景色*/.stripe_tb tr.over td{background:#FEF3D1} /*这个将是鼠标高亮行的背景色
四:给对应表格<table>标签加上class="stripe_tb"属性