js实现li隔行换色的代码

  CSS隔行变色使用率挺高的,今天抽空写了这篇简短的教程,教给CSS不顺手的初级学者两种方法实现CSS的隔行换色功能.大家知道,隔行换色的对象一般是TABle或Li,Table就不说了,个人觉得已经过时了,主要来说下CSS Li的隔行换色,直接放代码吧. 第一种方法: 这种方法看上去是纯CSS,不过这里使用了expression,等同于半个JavaScript,这种方法简单,不过CSS的expression貌似存在一些兼容性问题,所以这个功能仅用于看重IE的用户. 第二种方法:CSS和JS结合

2006年 2007年 2008年 2009年 总 分 分 分 分 分 分 分 分 分 分 分 分 总 分 分 分 分 分 分 分 分 分 分 分 分 总 分 分 分 分 分 分 分 分 分 分 分 分

先定义两个关于背景色的样式tag为id对象c1为样式1c2为样式2 复制代码 代码如下: <script> function changeRowsBg(tag,c1,c2) { var i = 0; var obj_tag = document.getElementsByTagName(tag); for(i = 0;i < obj_tag.length ;i++){ (i%2 == 0)? obj_tag(i).className = c1 : obj_tag(i).className

2006年 2007年 2008年 2009年 总 4 2 56 43 10 4 10 10 10 76 10 9 总 10 10 10 10 2 10 12 10 10 10 10 10 总 10 5 10 10 10 7 10 3 10 5 7 8

标准 我们以前在DW中用表格布局着我们的网页的时候常常用到一种设计手法--隔行换色.也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读.所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀.但是随着网页标准浪潮的来袭,这种设计效果慢慢变得没有了,原因主要是来自于标准化后的这种效果的实现上. 由于标准后我们都用UL来代替了表格,代码虽然少了很多,但是好像效果也随之少了.隔行换色也遇到了瓶颈.我采用过CLASS方式来进行隔行换色: <ul>  <li class

 这篇文章主要介绍了JS+CSS实现Li列表隔行换色效果的方法,实例分析了js操作li节点的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

Dreamweaver表格以及列表隔行换色的js效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

下面介绍一下关于表格隔行换色的方法,我们先来介绍一下关于jquery的方法,然后 简单的介绍一下js的实现方法.    代码如下 复制代码 <script type="text/javascript"> $(document).ready(function(){  $(".table tr").mouseover(function(){ //如果鼠标移到class为table的表格的tr上时,执行函数 $(this).addClass("hov