-
四种方法查看全部
-
元素节点类型的判断查看全部
-
reset css可以初始化所有浏览器的固有的浏览样式，可以从网上下载！查看全部
-
rest查看全部
-
本章 W3C 作为笔记 http://www.w3school.com.cn/jsref/prop_node_nodetype.asp查看全部
-
节点类型查看全部
-
DOM结构查看全部
-
Webkit主要渲染流程查看全部
-
基本渲染流程查看全部
-
自己根据老师讲的改进了一下： 1.用不到每道门移动的距离translate，可以发现第几道门移动后（序号从0开始），left值就为exposeWidth的几倍。 2.加上onmouseout事件。 window.onload=function(){ //容器对象 var box=document.getElementById('container'); //获得图片NodeList对象集合 var imgs=box.getElementsByTagName('img'); //单张图片宽度 var imgWidth=imgs[0].offsetWidth; //设置掩藏门体露出的宽度 var exposeWidth=160; //设置容器总宽度 var boxWidth=imgWidth+(imgs.length-1)*exposeWidth; box.style.width=boxWidth+'px'; //设置每道门的初始位置 function setImgsPos(){ for(var i=1;i<imgs.length;i++){ imgs[i].style.left=imgWidth+exposeWidth*(i-1)+'px'; } } setImgsPos(); //为每道门绑定事件 for(var i=0;i<imgs.length;i++){ //使用立即调用的函数表达式，为了获得不同的i值 (function(i){ imgs[i].onmouseover=function(){ //先将每道门复位 setImgsPos(); //打开门 for(var j=1;j<=i;j++){ //alert(i); imgs[j].style.left=exposeWidth*j+'px'; } } //关上门，也就是复位 imgs[i].onmouseout=function(){ setImgsPos(); } })(i) } }查看全部
-
GML->SGML->HTML->XML查看全部
-
docuemnt.createFragment() 创建节点片段，作为节点集合查看全部
-
img usemap 定义形状。查看全部
-
select mutiple多选查看全部
-
h1~h6 p dt只能包含内联元素，内联元素只能包含内联元素。查看全部
举报
0/150
提交
取消