-
劃過切換 點擊切換 延遲切換 自動切換查看全部
-
給通知單獨做超鏈接查看全部
-
干完拉倒。。。哈哈查看全部
-
焦點圖輪播效果查看全部
-
自動切換查看全部
-
定時器setinterval()使用查看全部
-
setTimeout()和setInterval()的區別： setTimeout()方法是超時調用，只執行一次； setInterval()方法是一直在調用，可執行多次 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這個變量來引用當前li var that = this; //如果存在準備執行的定時器，立刻清除，只有當前停留的時間大于500ms時才開始執行 if(timer){ clearTimeout(timer); timer = null; } //延遲半秒執行 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); } } }查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } 這個 函數的作用就是之后用到id選擇器可以簡寫，至于判斷的意義就是傳入的參數為字符串就返回查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } 這個 函數的作用就是之后用到id選擇器可以簡寫，至于判斷的意義就是傳入的參數為字符串就返回 document.getElementById(id)，其他的就返回參數本身，這個只是一個獲取頁面dom元素的一個簡陋版本的函數，還不夠完善。 定時器用法查看全部
-
實現菜單效果查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ //獲取鼠標滑過或點擊的標簽和要切換內容的元素 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(){ //清除所有li上的class for(var j=0;j<titles.length;j++){ titles[j].className = ''; divs[j].style.display = 'none'; } //設置當前為高亮顯示 this.className = 'select'; divs[this.id].style.display = 'block'; } } }查看全部
-
Done...查看全部
-
Tab切換類型查看全部
-
http://img1.sycdn.imooc.com//5541c27a00016ffb12000530-120-68.jpg查看全部
-
定時器查看全部
舉報
0/150
提交
取消