js实现无缝滚动特效_javascript技巧
时间:2021-07-01 10:21:17
帮助过:2人阅读
本文实例为大家介绍了js实现无缝滚动特效需要做到的功能,以及关键性js代码,分享给大家供大家参考,具体内容如下
运行效果图:
结合下学了的知识,做个模拟的综合性扩展练习~~ 大致功能如下:
- 1、点开html后,图片自动移动展示
- 2、点击左右方向,可以改变 图片移动的方向(改变left的值,正负)
- 3、鼠标移入移出图片后,图片暂停移动(setInterval,clearInterval)
- 4、鼠标移到图片上,高亮(a:hover)
- 5、点击小图, 下面的大图会改变
- 6、文字区域随着图片的变化而变化(未成功,有待提高)
具体代码: