-
定時器。查看全部
-
選項卡分類： 1、滑過切換； 2、點擊切換； 3、延遲切換； 4、自動切換。查看全部
-
下拉菜單查看全部
-
clearTimeout()清除定時器。查看全部
-
菜單效果。查看全部
-
setTimeout()和setInterval()的區(qū)別： setTimeout()方法是超時調(diào)用，只執(zhí)行一次； setInterval()方法是一直在調(diào)用，可執(zhí)行多次 window.onload = function(){ //標簽的索引 var index = 0; var timer = null; var lis = $('notice-tit').getElementsByTagName('li'); divs = $('notice-con').getElementsByTagName('div'); if(lis.length!=divs.length) return; //遍歷所有的頁簽 for(var i=0;i<lis.length;i++){ lis[i].id = i; lis[i].onmouseover = function(){ //用that這個變量來引用當前l(fā)i var that = this; //如果存在準備執(zhí)行的定時器，立刻清除，只有當前停留的時間大于500ms時才開始執(zhí)行 if(timer){ clearTimeout(timer); timer = null; } //延遲半秒執(zhí)行 timer = window.setTimeout(function(){ for(var j=0;j<lis.length;j++){ lis[j].className = ''; divs[j].style.display = 'none'; } lis[that.id].className = 'select'; divs[that.id].style.display = 'block'; },500); } } }查看全部
-
// 將所有點擊的標題和要顯示隱藏的列表取出來 var tits = document.getElementsByTagName('p'); var cons = document.getElementsByTagName('ul'); if(tits.length!=cons.length) return; // 遍歷所有要點擊的標題且給它們添加索引及綁定事件 for(var i=0;i<tits.length;i++){ tits[i].id = i; tits[i].onclick = function(){ // 獲取點擊的標題上的索引屬性，根據(jù)該索引找到對應(yīng)的列表 for(var j=0;j<tits.length;j++){ cons[j].style.display = 'none'; } // 判斷該列表，如果是顯示的則將其隱藏，如果是隱藏的則將其顯示出來 cons[this.id].style.display = 'block'; } }查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload = function(){ //獲取鼠標滑過或點擊的標簽和要切換內(nèi)容的元素 var titles = $('notice-tit').getElementsByTagName('li'); divs = $('notice-con').getElementsByTagName('div'); if(titles.length!=divs.length) return; //遍歷titles下所有的li for(var i=0;i<titles.length;i++){ titles[i].id = i; titles[i].onmouseover = function(){ //清除所有l(wèi)i上的class for(var j=0;j<titles.length;j++){ titles[j].className = ''; divs[j].style.display = 'none'; } //設(shè)置當前為高亮顯示 this.className = 'select'; //顯示對應(yīng)的div divs[this.id].style.display = 'block'; } }查看全部
-
bug好像沒有完全解決……查看全部
-
選項卡分類： 1、滑過切換； 2、點擊切換； 3、延遲切換； 4、自動切換。查看全部
-
標簽欄與內(nèi)容欄查看全部
-
css樣式查看全部
-
Tab切換類型查看全部
-
1、在changeOption()的最后添加一行代碼解決繼續(xù)播放時下一個選項卡index不對的BUG：index = currentIndex； 2、如果劃過太快，會有很多個定時器，所以要在設(shè)置定時器之前先清除一下定時器： if(timer){ clearInterval(timer); }查看全部
-
加入手動切換功能： 1、當鼠標滑過時清除定時器，然后切換到當前選中的那個。 2、鼠標移開后繼續(xù)自動播放。 注意代碼優(yōu)化，函數(shù)封裝。查看全部
舉報
0/150
提交
取消