-
發短信按鈕時間倒計時代碼查看全部
-
Tab切換類型： 滑過切換 延遲切換 點擊切換 自動切換查看全部
-
上下菜單切換效果查看全部
-
最大優點是節省頁面空間查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ var timer=null; var index=0; //遍歷選項和內容 var tit=$('notice-tit').getElementsByTagName('li'); var div=$('notice-con').getElementsByTagName('div'); //高亮顯示 function changeTab(d){ for(var j=0;j<tit.length;j++){ tit[j].className=''; div[j].style.display='none'; } // alert(d); tit[d].className='select'; div[d].style.display='block'; } //自動切換 function autoPlay(index){ timer=setInterval(function(){ index++; if(index>=tit.length){ index=0; } changeTab(index); },500) } //手動切換 autoPlay(index); for(var i=0;i<tit.length;i++){ tit[i].id=i; // alert(tit.length); tit[i].onmouseover=function(){ clearInterval(timer); changeTab(this.id); } tit[i].onmouseout=function(){ autoPlay(this.id); }; } }查看全部
-
setInterval查看全部
-
setTimeout()查看全部
-
padding與border結合 padding：0 1px填充 經過li使padding：0；border-left border-right：1px solid black查看全部
-
鼠標經過li 效果：左右出現邊框線 問題：第1、最后一個Li邊框線會與盒子邊框重疊 解決： 令盒子：relative ul：absolute left:-1查看全部
-
延遲切換效果同普通切換效果大致相同，但是要注意在使用定時器時this對象會有所改變，所以我們需要定義一個變量將this傳入進定時器內查看全部
-
需要記錄一下: var aTitle = document.getElementsByTagName("p"); console.log(aTitle); var aUl = document.getElementsByTagName("ul"); console.log(aTitle); if(aTitle.length=aUl.length){ for(var i=0; i<aTitle.length; i++) { aTitle[i].id = i; aTitle[i].onclick = function(){ if(aUl[this.id].style.display=='none'){ aUl[this.id].style.display = 'block'; }else{ aUl[this.id].style.display = 'none'; } } }; };查看全部
-
Tab選項卡切換練習查看全部
-
Tab選項卡切換效果（四種）：劃過切換、點擊切換、延遲切換、自動切換查看全部
-
a 標簽樣式查看全部
-
a標簽的使用查看全部
舉報
0/150
提交
取消