方法1:用原生JS实现1
(1)获取节点,定义一个管理的变量c,
(2)定义一个函数,for循环把每一张图片都与小圆点样式都去掉,给当前选择的添加样式
(3)自动播放图片,直接c++,并且定义一个定时器setInterval()
(4)一个功能:鼠标移动到哪个小圆点,小圆点对应的图片会出现
(5)左右按钮,点击实现上一张,下一张
方法2:用原生JS实现2
(1)布局问题:定义一个大盒子,宽度为3张照片的宽度,但是就显示一张,其他的超过隐藏
(2)定义一个变量c,定义公共函数run(),以c*width实现图片的位置变化
(3)上一张,下一张图片变化,变化c即可
(4)自动播放问题,定义一个定时器即可
(5)鼠标移入移出,自动轮播的设置。
方法3:用jquery实现
(1)布局问题:定义一个盒子,显示第一张图片,第一个小圆点样式
(2)定义一个变量c,定义公共函数run(),jq两步即可实现图片变化以及小圆点变化
(3)定义定时器,以及自动播放的函数autoRun()
(4)鼠标滑过小圆点,图片快速变化
(5)鼠标移入移出,自动轮播的设置。