jquery 轮播图实例
实现效果:1、图片每2秒钟切换1次。 2、当鼠标停留在整个页面上时,图片不进行轮播。 3、当点击右下角的小球时,出现该选项的对应图片,而且切换页选项的背景颜色发生相应的变化。 4、当图片发生轮播切换时,在不点击小球前提下,相应的小球背景颜色也自动发生变化。 index.html <!DOCTYPE html> <html> <head> <title>jQuery实现轮播图</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div class="main"> <h3>jQuery实现轮播图</h3> <!-- 图片轮播 --> <div class="banner"> <img src="img/1.jpg" /> <img src="img/2.jpg" /> <img src="img/3.jpg" /> <img src="img/4.jpg" /> <img src="img/5.jpg" /> <