-
无限滚动就是添加附属图查看全部
-
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
值为1 显示在上面 ，为-1显示在下面，堆叠排列。-2 -1 1 2 3 依次排列
查看全部 -
其实不用加辅助图，直接5张图，也可以实现。 设置id为list的div的left为0 将容器大小设置为3000后 if(newLeft > 0) { list.style.left = -2400 + "px"; } if(newLeft < -2400) { list.style.left = 0 + "px"; } 也可以实现@风无畏查看全部
-
动画这部分在CSS部分加入transition即可，不用老师的GO函数也可以哦，下面是我的代码。 CSS部分： #list{ width:3600px; position:absolute; transition:left 2s; -moz-transition:left 2s; /* Firefox 4 */ -webkit-transition:left 2s; /* Safari and Chrome */ -o-transition:left 2s; /* Opera */ }查看全部
-
无限滚动：弥补左右键切换的空白 ①当前面的附属图比第一张大，最后一张附属图比最后一张小的时候，出现这两种情况时让它复位到真正的第一张或第五张图 ②判断是否滚到了辅助图上，滚到了让它归位 ③把常用的list.style.left，存到一个变量中，方便使用 ④添加圆点的切换功能，创建一个变量来承载当前存储的第几张图片/显示第个圆点 ⑤写一个函数，用来显示亮起小圆点的功能 ⑥圆点是数组，所以创建的变量要减去1才能对应上要显示的圆点，让它亮起来添加class名（样式） ⑦再绑定事件中左箭头index要加一，右箭头要减一，调用圆点函数让它点击时显示，每次点击箭头的时候都要改变index的值，使它对应到正确的图片上，调用showButton亮起对应的圆点 ⑧亮起自己的同时，让其他不亮，使用for循环，去掉所有的class，然后break退出循环，不再继续便利元素节点 ⑨箭头点击时，当圆点index大于5时，让它归位为1，小于1时，归位为5，不到5时加一查看全部
-
快速点击时，会出现小圆点和图片不对应的情况，解决方案是当图片处于动画状态时，直接屏蔽掉点击事件 next.onclick = function(){ if(animated){return;} else{ if(index == 1){ index = 5; } else{ index -= 1; } animate(-600); return false; } }查看全部
-
debugger 调试断点查看全部
-
判断是否滚动到辅助图上，然后进行归位。 比0小，比-3000小查看全部
-
debugger 打断点查看全部
-
咯弄查看全部
-
源代码有BUG，当图片增加，span页码增加后，对应不上，而且推测是有模拟的层，所以span5个，img7个，那么多加两个用来模拟也不行，右翻页出现空白，而且页码样式失效查看全部
-
要实现切换效果，首先html代码里面要这样写。<div id="list" ></div>然后才可以通过js来控制left值变化。查看全部
-
内联函数，匿名函数。查看全部
-
动画函数 ①图片在一定时间内进行位移，要判断是否达到目标值，没有达到还要继续做位移 ②声明一个变量用offset总共的偏移量除以次数（位移总时间除以位移间隔时间）求出每次移动多少 ③判断speed小于0并且left值是否大于目标值newLeft或speed大于0并且left值小于目标值，这两种情况让它做位移 ④再判断中放入定时器，一个函数不停的在一定的条件之后调用自身这种做法叫做递归 ⑤优化：声明一个函数，做动画是否在运行的存放，开始状态为false表示没有运行 ⑥！取反查看全部
-
JS实现箭头切换 ①整个页面加载完成后window.onload，获取元素，这样才能真正的获取元素 ②通过ID名获取页面中的元素（最大容器、承载图片容器、圆点列表、箭头），赋值给一个变量 ③添加一个时间绑定，点击箭头时实现图片的切换 ④当点击右箭头时，改变left的值，它要像左移动，所以要减去一张图的宽度 ⑤获取图片容器的值，list.style.left = 自身的值再减去一张图片的宽度，注意要将等号后面字符串使用parseInt转换为数字才可以进行减法，减去的图片宽度要加px单位 ⑥反方向同样，但是注意是相反的，要加上一张图片的宽度 ⑦左右箭头的写法很相似，只是加减不一样，可以封装成一个函数，通过参数的正负值实现加减查看全部
举报
0/150
提交
取消