-
绑定事件的方法—— 标准浏览器:addEventListener(事件类型, 处理函数) IE浏览器:attachEvent(事件类型, 处理函数, 使用捕获) 在多个元素中寻找需要更改className的元素。 while(target.tagName.toLowerCase != 'a' && target.tagName.toLowerCase != 'body' ){ target = target.parentNode; } target.className = 'on';查看全部
-
用css3实现平滑过渡:.wrapper ul * { transition:all linear 100ms;}查看全部
-
元素的明暗度是控制遮罩层的透明度实现的。 .wrapper:hover .mask { opacity:0.15;} 鼠标悬停的列表项:.wrapper li.big a:hover .mask { opacity:0;}查看全部
-
【虚线的实现方法】 .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;} 遮罩层的宽度和高度与列表项的宽高一样,设置背景色和透明度。 为处于展开状态的列表项设置class,单独写效果。 让为展开的图片超出列表项一点。img { right:-15px;}查看全部
-
n个列表项总宽度 = (n-1)*列表项宽度 + 1*展开的列表项宽度查看全部
-
浮动布局; 通过设置一个遮罩层的透明度来改变某个元素的明暗度; javascript属性 / css3的transition 实现动画效果; 监听鼠标事件onmouseover。查看全部
-
斜体标签<i> 关于relative和absolute的共用,如果元素使用absolute定位,那么其参照物是body容器,而不是其父容器,但是一旦给其父容器添加relative属性其参照物就成了父容器查看全部
-
1.浮动布局 2.遮罩层 透明度 3.动画 方法:1.JavaScript 属性值 2.css3-transition 过渡 4.鼠标事件 悬停监听 onmouseover查看全部
-
ghghg查看全部
-
事件绑定查看全部
-
页面结构原理是这样的查看全部
-
wrapper的写法,记录一下查看全部
-
bind(list[i], 'mouseover', mouseoverHandler);查看全部
-
function initList(){ //取得外部元素 var outer = document.getElementById('subject'); //取得每个列表项 var list = outer.getElementsByTagName('li'); //用不了,报错getElementsByTagName of null for(var i =0; i < list.length; i++){ //对每个列表绑定鼠标悬停事件的监听 bind(list[i], 'mouseover', mouseoverHandler); } }查看全部
-
1浮动 2绝对定位和相对定位 3遮罩层 4动画效果:transition 5鼠标悬停时阴影的控制查看全部
举报
0/150
提交
取消