-
debugger 添加断点查看全部
-
window.onload=function() { var container=document.getElementById('container'); //获取父容器 var list=document.getElementById('list'); //获取list列表元素 var buttons=document.getElementById('button').getElementsByTagName('span'); //获取按钮，结果是数组，buttons.length=5; var prev=document.getElementById('prve'); //获取按钮 var next=document.getElementById('next'); next.onclick=function(){ list.style.left=parseInt(list.style.left)-600+'px'; } next.onclick=function(){ list.style.left=parseInt(list.style.left)+600+'px'; } /* 封装为函数： function animate(offect) { list.style.left=parseInt(list.style.left)+offset+‘px’; } 调用函数： prev.onclick=function(){ animate(600);} next.onclick=function(){ animate(-600);} */ }查看全部
-
Button重置，增加和删除active的CSS样式查看全部
-
样式表查看全部
-
原理：控制container内图片列表的left值，来控制显示的图片查看全部
-
技能点查看全部
-
#container:hover .arrow{display:block}，当把鼠标移动到容器上，箭头显示查看全部
-
所用技能点查看全部
-
轮播图查看全部
-
定时器设置与清除查看全部
-
parseInt（）将数组转换为数字查看全部
-
debugger 断点查看全部
-
debugger查看全部
-
overflow 隐藏查看全部
-
如果把style=left写到css里就无法滚动,是因为document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则信息，在IE下可以用currentStyle，查看全部
举报
0/150
提交
取消