本文实例为大家分享了javascript实现图片轮播特效,供大家参考,具体内容如下
一、实现效果
如上图:
1、图片自动依次轮换,每轮换到一张图片,下面对应的小图标出现红色边框,并显示对应的图片名称
2、鼠标放到大图片上面的时,图片停止轮换,一直显示当前图片;鼠标移开后图片继续轮换
3、鼠标移到小图标上时,大图片区域会显示对应的大图;鼠标移开则从当前图片开始继续轮换
二、代码
<!DOCTYPE html>
<html>
<head lang=en>
<meta charset=UTF-8>
<title>带小图标的JS图片轮换</title>
<style