javascript实现点击按钮切换轮播图功能
本文实例为大家分享了js实现点击按钮切换轮播图的具体代码,供大家参考,具体内容如下
菜单区域实现
划过主菜单显示子菜单
轮播区域实现
1、点击图片中左右箭头,分别跳转上一张与下一张
(1)点击上一张图其实就是让一个变量进行递减,点击下一张图就是让变量递增;(控制索引最大最小值)
2、点击右下角小圆也可以进行图片的跳转
(1)通过索引让变量进行随意的修改
3、每间隔3s进行轮播图的自动切换,鼠标放在图片上清除自动切换
(1)定时器
4、鼠标放在主菜单上显示子菜单,离开子菜单消失。
放在子菜单上显示子菜单,离开消失。
源代码:
html
轮播图