-
li,先遍歷清除所有的樣式,然后再為當前元素添加樣式。查看全部
-
加入運動就完美了查看全部
-
case查看全部
-
pic.style.top = -curI*170+"px";查看全部
-
setTimeout()超時調用,setInterval()間隔調用。都是window對象的,全稱是window.setTimeout。查看全部
-
for (var i=0;i<dp.length;i++){ dp[i].id = i; dp[i].onclick = function(){ if(dul[this.id].style.display == "block"){ dul[this.id].style.display = "none"; } else{ dul[this.id].style.display = "block"; } } } 注意:onclick函數運行在for循環之后,因此不能在onclick函數內增加比如:dul[i]或者dp[i].id等代碼,i的值會是3,因為循環已經運行結束。查看全部
-
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); } } }查看全部
-
實現展開收縮效果查看全部
-
在notice中tlt上設置絕對定位,為了防止鼠標滑過時左右像素的邊框值跟外層邊框重疊。盒子的尺寸等于內容的尺寸+padding的尺寸,高亮文本顯示時,去掉padding的值,加上邊框就可以保持盒子的尺寸不變!查看全部
-
自動切換,是通過定時器來實現的。定時器(setTimeout(),setInterval(),clearTimeout()); 通過setInterval();查看全部
-
定時切換查看全部
-
實現展開收縮效果查看全部
-
標簽欄和內容欄查看全部
-
四類選項卡查看全部
-
滑過切換 點擊切換 延遲切換 自動切換查看全部
舉報
0/150
提交
取消