返回首页
当前位置: 主页 > 网络编程 > Asp实例教程 >

实现同行内两个<li>隔行变色代码

时间:2012-01-19 00:51来源:知行网www.zhixing123.cn 编辑:麦田守望者

<style>
ul{
width:60px
}
li{
margin:0px;
padding:0px;
list-style:none;
display:inline;
width:30px
}
</style>
<ul id="test">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
<script>
var obj=document.getElementById("test").getElementsByTagName("li"),j=obj.length;
for (var i=0;i<j;i+=2){
if (cu(i)=="r")obj[i].style.background=obj[i+1].style.background="#f00"
if (cu(i)=="y")obj[i].style.background=obj[i+1].style.background="#ff0"
}
function cu(k){
if (k%2==0 && (k/2)%2==0)return "r"
return "y"
}
</script>

顶一下
(1)
100%
踩一下
(0)
0%
标签(Tag):css css技巧 CSS基础教程 css实例教程 css源代码
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片