課程
/前端開發(fā)
/JavaScript
/Tab選項(xiàng)卡切換效果
1-5的練習(xí)中,如何實(shí)現(xiàn)“如果是顯示的則將其隱藏”?我只實(shí)現(xiàn)了一半
2016-04-19
源自:Tab選項(xiàng)卡切換效果 1-5
正在回答
????????window.onload=function(){ var?ids=document.getElementById("menu"); var?ps=ids.getElementsByTagName("p"); var?uls=ids.getElementsByTagName("ul"); for?(var?i=0;i<ps.length;i++){ ps[i].id=i; ????????????????//?onmouseover?鼠標(biāo)懸停;onclick?鼠標(biāo)點(diǎn)擊 ps[i].onmouseover=function(){ ????????????????????if?(uls[this.id].style.display=="none")?{ uls[this.id].style.display="block"; }?else?{ uls[this.id].style.display="none"; } } } }
干枯的海綿 提問者
window.onload=function(){
?var ids=document.getElementById("menu");
? ? ? ? ? ? var ps=ids.getElementsByTagName("p");
? ? ? ? ? ? var uls=ids.getElementsByTagName("ul");
? ? ? ? ? ? for (var i=0;i<ps.length;i++){
? ? ? ? ? ? ? ? ps[i].id=i;
? ? ? ? ? ? ? ? ps[i].onmouseover=function(){
? ? ? ? ? ? ? ? ? ? for(var j=0;j<uls.length;j++){
? ? ? ? ? ? ? ? ? ? ? ? uls[j].style.display="none";
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? uls[this.id].style.display="block";
? ? ? ? ? ? ? ? };
? ? ? ? ? ? }
? ? ? ? ? ??
舉報(bào)
本課程詳細(xì)介紹網(wǎng)頁(yè)頁(yè)面中最流行常用的tab切換效果
2 回答選項(xiàng)卡切換效果如何用jQuery實(shí)現(xiàn),使用each函數(shù)?
2 回答大俠給陌生人小弟一個(gè)機(jī)會(huì)!!!!!就是請(qǐng)問,跳轉(zhuǎn)后頁(yè)簽出現(xiàn)了問題沒有被隱藏,還有下邊的div內(nèi)第二個(gè)沒有被現(xiàn)實(shí)一個(gè)出來然后還有一個(gè)沒有顯示出來,如果能運(yùn)行一下幫我看看最好!
2 回答tab學(xué)習(xí)中,發(fā)現(xiàn)點(diǎn)擊后,前面的內(nèi)容沒隱藏,代碼也一樣啊為什么~糾結(jié)死了
5 回答用JQ一下子就實(shí)現(xiàn)了
1 回答我照著視頻代碼打的怎么效果實(shí)現(xiàn)的不一樣
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-04-27
2016-04-19
window.onload=function(){
?var ids=document.getElementById("menu");
? ? ? ? ? ? var ps=ids.getElementsByTagName("p");
? ? ? ? ? ? var uls=ids.getElementsByTagName("ul");
? ? ? ? ? ? for (var i=0;i<ps.length;i++){
? ? ? ? ? ? ? ? ps[i].id=i;
? ? ? ? ? ? ? ? ps[i].onmouseover=function(){
? ? ? ? ? ? ? ? ? ? for(var j=0;j<uls.length;j++){
? ? ? ? ? ? ? ? ? ? ? ? uls[j].style.display="none";
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? uls[this.id].style.display="block";
? ? ? ? ? ? ? ? };
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? ? ? }