jQuery实现HTML表格隔行变色及鼠标悬停变色效果

以下代码实现效果:1.表格隔行变色。2.鼠标悬停在表格行上时变色。

一:在页面内引入jquery.js。我使用的是jquery-1.6.min.js。

二:加入如下js代码


三:添加如下CSS样式表

/*注意选择器的层叠关系*/
.stripe_tb tr.alt td{background:#ecf6fc} /*这行将给所有偶数行加上背景色*/
.stripe_tb tr.over td{background:#FEF3D1} /*这个将是鼠标高亮行的背景色

四:给对应表格标签加上class="stripe_tb"属性



你可能感兴趣的:(前台技术)