-
window.onload=function(){ // 將所有點擊的標題和要顯示隱藏的列表取出來 var menu=document.getElementById("menu"); var div=document.getElementById("menu").getElementsByTagName("div"); var p=document.getElementById("menu").getElementsByTagName("p"); var ul=document.getElementById("menu").getElementsByTagName("ul"); // 遍歷所有要點擊的標題且給它們添加索引及綁定事件 // if(ul.length!=p.length){return;} for(i=0;i<p.length;i++){ p[i].id=i; p[i].onclick = function(){ for(j=0;j<p.length;j++){ ul[j].style.display="none"; } ul[this.id].style.display="block"; // 獲取點擊的標題上的索引屬性,根據該索引找到對應的列表 } // 判斷該列表,如果是顯示的則將其隱藏,如果是隱藏的則將其顯示出來 } }查看全部
-
放圖片的ul的top值=-index*單張圖片的高度(所有圖片必須等高)...為什么大家還是寫的display...查看全部
-
nav查看全部
-
132查看全部
-
123查看全部
-
320查看全部
-
123查看全部
-
123查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'), times=60, timer=null; send.onclick=function(){ send.disabled='true'; timer=setInterval(changeTime,1000) ; } function changeTime(){ send.value=times+'秒后重發'; times--; if(times==-1){ clearInterval(timer); timer=null; send.value='發送驗證碼'; times=60; send.disabled=''; } } } </script> </head> <body> <input type="button" id="send" value="發送驗證碼"> </body> </html>查看全部
-
Tab切換類型查看全部
-
類型1查看全部
-
tab切換類型查看全部
-
點擊標題時判斷該標題下的菜單是否顯示,如果是顯示的則將其隱藏,如果是隱藏的則將其顯示出來。 window.onload=function(){ // 將所有點擊的標題和要顯示隱藏的列表取出來 var menu=document.getElementById("menu"); var p =menu.getElementsByTagName("p"); var ul =menu.getElementsByTagName("ul"); if(p.length=ul.length){ // 遍歷所有要點擊的標題且給它們添加索引及綁定事件 for(i=0;i<p.length;i++){ p[i].id=i; // 獲取點擊的標題上的索引屬性,根據該索引找到對應的列表 p[i].onclick=function(){ // 判斷該列表,如果是顯示的則將其隱藏,如果是隱藏的則將其顯示出來 if(ul[this.id].style.display=="block"){ ul[this.id].style.display="none" } else{ ul[this.id].style.display="block" } } }}}查看全部
-
忘了再回來看。。。默認一個ul的狀態是block的,點擊另外一個p時,p對應的ul的display="block",其他的ul的display狀態變為"none"即為關閉狀態,這個效果怎么實現?查看全部
-
學習下查看全部
舉報
0/150
提交
取消