課程
/前端開發
/JavaScript
/Tab選項卡切換效果
1-5的練習中,如何實現“如果是顯示的則將其隱藏”?我只實現了一半
2016-04-19
源自:Tab選項卡切換效果 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?鼠標懸停;onclick?鼠標點擊 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";
? ? ? ? ? ? ? ? };
? ? ? ? ? ? }
? ? ? ? ? ??
舉報
本課程詳細介紹網頁頁面中最流行常用的tab切換效果
2 回答選項卡切換效果如何用jQuery實現,使用each函數?
2 回答大俠給陌生人小弟一個機會!!!!!就是請問,跳轉后頁簽出現了問題沒有被隱藏,還有下邊的div內第二個沒有被現實一個出來然后還有一個沒有顯示出來,如果能運行一下幫我看看最好!
2 回答tab學習中,發現點擊后,前面的內容沒隱藏,代碼也一樣啊為什么~糾結死了
1 回答我照著視頻代碼打的怎么效果實現的不一樣
5 回答用JQ一下子就實現了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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";
? ? ? ? ? ? ? ? };
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? ? ? }