課程
/前端開發(fā)
/JavaScript
/Tab選項(xiàng)卡切換效果
完成??!~~~
2015-03-31
源自:Tab選項(xiàng)卡切換效果 1-5
正在回答
<script?type="text/javascript"> window.onload=function(){ ??????//?將所有點(diǎn)擊的標(biāo)題和要顯示隱藏的列表取出來 ??????var?p=document.getElementsByTagName("p"); ??????var?ul=document.getElementsByTagName("ul"); ??for(i=0;i<p.length;i++){ ???? p[i].aa=i; p[i].onclick=function(){ for(j=0;j<ul.length;j++){ ul[j].style.display="none"; } ????????????ul[this.aa].style.display="block"; } } ?????//?遍歷所有要點(diǎn)擊的標(biāo)題且給它們添加索引及綁定事件 ?????//?獲取點(diǎn)擊的標(biāo)題上的索引屬性,根據(jù)該索引找到對(duì)應(yīng)的列表 ?????//?判斷該列表,如果是顯示的則將其隱藏,如果是隱藏的則將其顯示出來 } </script>
舉報(bào)
本課程詳細(xì)介紹網(wǎng)頁頁面中最流行常用的tab切換效果
1 回答Mark!!!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-02-18