欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js點(diǎn)擊列表文字對(duì)應(yīng)該行顯示背景顏色的實(shí)現(xiàn)代碼

 更新時(shí)間:2015年08月05日 15:02:14   投稿:lijiao  
這篇文章主要介紹了js點(diǎn)擊列表文字對(duì)應(yīng)該行顯示背景顏色的實(shí)現(xiàn)代碼,感興趣的小伙伴可以參考下

本文實(shí)例講述了js點(diǎn)擊列表文字,實(shí)現(xiàn)該行文字顯示背景顏色的方法。分享給大家供大家參考。具體如下:
 JS控制li,鼠標(biāo)點(diǎn)擊時(shí)class自動(dòng)加上,給列表文字產(chǎn)生自己喜歡的背景色的網(wǎng)頁(yè)特效。
 
運(yùn)行效果圖如下:

<style type="text/css">
li{cursor:pointer;}
.cur{background:red;}
</style>
<script type="text/javascript">
window.onload = function ()
{
 var aLi = document.getElementsByTagName("li");
 var i = 0; 
 for (i = 0; i < aLi.length; i++)
 { 
 aLi[i].onclick = function ()
 {
  for (i = 0; i < aLi.length; i++) aLi[i].className = "";
  this.className = "cur";
 };
 }
};
</script>
<div class="clMenu">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論