萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 用CSS+JS實現Li背景顏色交替
用CSS+JS實現Li背景顏色交替
<html>
<head>
<title>xker.com</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>
<p>
- 上一頁:用CSS輕松實現網上填空
- 下一頁:純CSS代碼實現翻頁焦點圖效果
DivCSS教程排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved