-
function initialList() { var outer = document.getElementById('subject'); var list = outer.getElementsByTagName('li'); for (var i = 0; i < list.length; i++) { list[i].addEventListener('mouseover', function(e) { for (var j=0; j<list.length; j++) { list[j].className = ''; } var target = e.currentTarget; target.className = 'big'; }) } } window.onload = initialList;查看全部
-
html里面link、script 标签的href地址写错了,要改下,还有css里的透明度~查看全部
-
看到这样一个页面首先要分析它的动画效果,然后分成几步完成,都可以用哪些效果实现。 1、鼠标滑动改变图片效果----鼠标悬停时间监听MouseOver 2、悬停后图片变亮,另一个角度是其他图片变暗,选中图片中的字体和图片显示宽、高变大,另一角度其他图片变小,宽、高变小。-----明暗度变化可以给其他图片加上遮罩层,来改变它的明亮度 opacity 3、滑动出现动画效果-----javascript动态直接改变属性值,css3 transition属性过度查看全部
-
通过设置一个遮罩层的透明度来实现改变某个元素的明暗度查看全部
-
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); } }查看全部
-
js事件:IE和普通浏览器的事件添加; 事件添加中的回调函数:可能点击的是子元素,tagName判断到父元素,父元素添加类。查看全部
-
window.onload=function(){ initList(); }查看全部
-
tagName获得的标签名是大写的,所有比较的时候要注意。查看全部
-
jlj查看全部
-
1、浮动布局 2、绝对定位和相对定位 3、遮罩层透明度变化 4、css3动画效果:transition 5、用伪类实现鼠标悬停时阴影的控制 6、在IE浏览器与标准浏览器下,绑定事件的区别 7、target 8、通过改变<li>的className实现最终效果查看全部
-
超出的部分隐藏(overflow:hidden) 超出的部分显示(overflow:visible) 隐藏元素(display:none) 视觉隐藏元素(visibility:hidden) opacity透明度 【虚线的实现方法】 .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;查看全部
-
<p class="price"><i>1</i>折起</p>查看全部
-
11111查看全部
-
Fhhh查看全部
-
笔记11111查看全部
举报
0/150
提交
取消