-
列表之下的所有元素应用效果:.wrapper ul * 平滑过渡效果 transition:有三个参数,对哪一个做变换; linear 效果样式 动画持续时间 0.1s查看全部
-
.wrapper.hover mask {opacity:0.15} 表示鼠标悬停时的遮罩层的透明度发生改变 对悬停项其遮罩层是不需要阴影效果的,通过opacity 权重级越高其优先级也就越高。 .wrapper li.big a:hover .mask{opacity :0}查看全部
-
浮动布局、遮罩层、javascript、css3的transition 过渡、鼠标事件onmouseover查看全部
-
知识点transition动画,鼠标滑动事件,遮罩层查看全部
-
列表宽度查看全部
-
遮罩层 浮动 css transition动画 鼠标事件查看全部
-
DOM.attechEvent('onclick', callback) IE绑定事件方法 DOM.addEventListener('click',callback,false)标准浏览器绑定事件查看全部
-
浏览器绑定事件查看全部
-
悬停阴影查看全部
-
function mouseoverHandler(e){ var target = e.target||e.srcElement; //取得外部元素 var outer = document.getElementById('imageMenu'); //取得每个列表项 var list = outer.getElementsByTagName('li'); //清空所有LI元素的big for(var i = 0; i < list.length; i++){ list[i].className = list[i].className.replace(/ ?big/g, ''); } //根据事件的冒泡原理,找到需要变更class 的LI元素 while(target.tagName != "LI" && target.tagName!="BODY"){ target=target.parentNode; } //给当前元素加上class big target.className += ' big'; }查看全部
-
//事件绑定方法 function bind(el, eventType, callback){ if(typeof el.addEventListener === 'function'){ //标准事件绑定方法 el.addEventListener(eventType, callback, false); }else if(typeof el.attechEvent === 'function'){ //IE事件绑定方法 el.attachEvent('on' + eventType, callback); } }查看全部
-
超出的部分隐藏(overflow:hidden) 超出的部分显示(overflow:visible) 隐藏元素(display:none) 视觉隐藏元素(visibility:hidden)查看全部
-
1、全面的事件监听函数 2、tagName返回的是大写,如'LI' 3、以防while()判断语句中向上查找LI元素直到BODY元素都还没有找到时,要关闭这个循环,所以设置了||target.tagName=='BODY'。此处不适合把li overflow:hidden掉查看全部
-
.wrapper li.big a:hover .mask优先级比.wrapper:hover .mask高。通过此设置不同的opacity使得悬停的盒子无阴影遮盖,其它盒子有遮盖查看全部
-
浮动布局、遮罩层、javascript、css3的transition 过渡、鼠标事件onmouseover查看全部
举报
0/150
提交
取消