-
延遲效果查看全部
-
setTimeout是window的只是不需要寫出來，方法隸屬于誰，this就指向誰，解決方法是用變量存儲當前this查看全部
-
mark查看全部
-
有句代碼的位置應該優化 pTag[i].dds=i;原來不是設置id隨便的值都可以只是取一個名字，當時屬性時才必須加上style查看全部
-
下拉菜單效果查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ var ullist=$('menu').getElementsByTagName('ul'), divlist=$('menu').getElementsByTagName('div'); for(var i=0; i<divlist.length;i++){ divlist[i].id=i; divlist[i].onclick=function(){ for(var j=0;j<divlist.length;j++){ ullist[j].style.display=''; } ullist[this.id].style.display='block'; } } }查看全部
-
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'; } } }查看全部
-
<link type=“” rel=“” href=“”> <script type="" src=""> title[i].id給遍歷的元素加一個屬性 divs[this.id]中的this是當前的標簽不是盒子，通過當前標簽的索引值找到對應的內容盒子查看全部
-
內容橫向排列的實現是設置li的margin和大小并且float left display:none是將除了對應盒子（select）之外的盒子隱藏查看全部
-
ul的寬度=298px+2px+1px=301px; li的高度=26px+1px=27px;(border-bottom:1px #fff solid;) ul要比盒子加上邊框后的總長度長1像素再左移動1像素這樣在被點擊時顯示的左右邊框才不會和盒子的邊緣緊挨在一起以至于變得很粗（所以盒子要設為relative ul要設為absolute才能移動-1像素） li的寬度在設置時要考慮被點擊狀態時加上的兩邊的邊框所以之前未被點擊時左右要設置1像素的padding在被點擊后padding取消用左右邊框代替查看全部
-
<a>標簽hover,link(鏈接自身不被觸碰時的狀態),visited查看全部
-
mark查看全部
-
劃過切換 點擊切換 延遲切換 自動切換 最大的優點，可以節省空間。查看全部
-
Tab切換類型 ·滑過切換 ·點擊切換 ·延遲切換 ·自動切換查看全部
-
Tab切換類型 ·滑過切換 ·點擊切換 ·延遲切換 ·自動切換查看全部
舉報
0/150
提交
取消