利用jQuery一句话简单实现隔行换色
时间:2010-10-09 来源:nihh
js:
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".list li:even").css({"background":"#000","color":"#fff"});
});
</script>
html:
<div class="list">
<ul>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
</ul>
</div>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".list li:even").css({"background":"#000","color":"#fff"});
});
</script>
html:
<div class="list">
<ul>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
<li>WEB标准化专栏</li>
</ul>
</div>
效果
相关阅读 更多 +