本文由“壹伴编辑器”提供技术支持
创建元素,添加元素
那么现在不管有多少图片他都能动态的生成
本文由“壹伴编辑器”提供技术支持
先把最简单的做了,当鼠标移动到焦点图上时,左右箭头显示,移开时隐藏...点哪一个就让哪一个li变色,其余的不变,这就要用到我们之前学习的排他思想了
直接将代码写到我们刚刚的循环里:
本文由“壹伴编辑器”提供技术支持
接下来我们要做的是点击小圆圈,就能跳转到相应的图片上去...图片
本文由“壹伴编辑器”提供技术支持
这个地方真的很厉害了,现在分析一下:
其实我们在做的时候,不需要自己手动将最后一张图片复制粘贴,直接让JS帮我们动态生成就好了,顺便复习之前的知识...图片
这是因为我们的ol点击事件和箭头点击事件之间没有联系,我们用箭头播放下一张是用num控制的,和前面的li点击没有联系
我已经快写不下去了......当鼠标在focus上时清除定时器,移开时继续:
清除时让timer = null最合适.
看看效果,因为GIF不能太大,所以我就加快速度
图片
最后的效果:
图片
over!明天复习一遍!!!