用CSS+JS控制Li背景颜色交替
2013-10-21 01:00:05 +0800
<html> <head> <title>唯酷智能网</title> <style> .l1{background:#ffffff} .l2{background:#f4f4f4} </style> <script> function initUl(){ var a=document.getElementsByTagName('ul'); for (var i=0;i<a.length;i++){ var v=document.getElementsByTagName('li'); var ii=1; for (var j=0;j<v.length;j++){ if (v[j].parentNode==a[i]){ if (ii++%2==0){ v[j].className="l2"; } else{ v[j].className="l1"; } } } } } </script> </head> <body onload="initUl()"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </body> </html>
点击上面选择框全选代码
-以下为代码演示
唯酷智能网
1
2
3
4
5
6
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N