-
DOM.attechEvent('onclick', callback)為標準瀏覽器綁定事件。 DOM.bind('click', callback) DOM.addEventListener('click', callback, false) DOM.on('click', callback) 以上為jquery 的綁定事件方法查看全部
-
元素的明暗度是控制遮罩層的透明度實現(xiàn)的。 .wrapper:hover .mask { opacity:0.15;} 鼠標懸停的列表項：.wrapper li.big a:hover .mask { opacity:0;}查看全部
-
超出的部分隱藏（overflow:hidden） 超出的部分顯示（overflow:visible） 隱藏元素(display:none) 視覺隱藏元素(visibility:hidden) .line { position:absolute; right:0px; width:0px;height:128px;border:1px dashed #ccc;} 由于只需要虛線邊框的效果，故該元素的寬度為0。 【遮罩層】明暗度 .mask { position:absolute; top:0px; left:0px; height:128px; width:156px; opacity:0.15;} opacity 表示透明度 【虛線的實現(xiàn)方法】 .line { position:absolute; right:0px; width:0px;height:128px;border:1px dashed #ccc;} 由于只需要虛線邊框的效果，故該元素的寬度為0。 【遮罩層】 .mask { position:absolute; top:0px; left:0px; height:128px; width:156px; opacity:0; background:#000;} 遮罩層的寬度和高度與列表項的寬高一樣，設(shè)置背景色和透明度。 為處于展開狀態(tài)的列表項設(shè)置class，單獨寫效果。 讓為展開的圖片超出列表項一點。img { right:-15px;}查看全部
-
用 ul li 元素通過左浮動來實現(xiàn)并排顯示的列表查看全部
-
通過設(shè)置一個遮罩層的透明度來實現(xiàn)改變某個元素的明暗度查看全部
-
<script type="text/javascript"> window.onload=function(){ var oDiv=document.getElementById('imageMenu'); var oLi=oDiv.getElementsByTagName('li'); for(var i=0;i<oLi.length;i++){ oLi[i].index=i; oLi[i].onmouseover=function(){ for(var i=0;i<oLi.length;i++){ var str=oLi[i].className; var regExp=/big/ig; if(regExp.test(str)){ str=str.slice(4); oLi[i].className=str; } } this.className='big '+this.className; } } } </script> 老師代碼簡化查看全部
-
手風琴效果查看全部
-
綁定事件函數(shù) function bind(el,eventType,callback){ if(typeof el.addEventListener ==='function'){ el.addEventListener(el,eventType,callback,false); }else if(typeof el.attachEvent ==='function'){ el.attachEvent('on'+eventType,callback); } }查看全部
-
html里面link、script 標簽的href地址寫錯了，要改下，還有css里的透明度~查看全部
-
待完成的效果查看全部
-
要再看看的查看全部
-
騰訊視頻的一個效果也是類似的查看全部
-
回調(diào)函數(shù)事件的觸發(fā)者查看全部
-
【虛線的實現(xiàn)方法】 .line { position:absolute; right:0px; width:0px;height:128px;border:1px dashed #ccc;} 由于只需要虛線邊框的效果，故該元素的寬度為0。 【遮罩層】 .mask { position:absolute; top:0px; left:0px; height:128px; width:156px; opacity:0; background:#000;} 遮罩層的寬度和高度與列表項的寬高一樣，設(shè)置背景色和透明度。查看全部
-
讓圖片位置在右下角：bottom:0;right:0; 讓圖片位置在左上角：top:0;left:0查看全部
舉報
0/150
提交
取消