@H_3010@一.实现原理
@H301_0@(1)将所有图片放在一个父容器div里面,通过display属性来设置图片的出现与隐藏;
@H_301_0@(2)轮播图分为手动轮播和自动轮播;
@H_301_0@手动轮播的重点是每次点击图片下方的小圆圈,获得它的索引号,并让与之对应索引号的图片显示,并且此时的小圆圈为高亮显示;
自动轮播:利用定时器setInterval(),来每隔一定的时间来播放一次图片。
@H_3010@(3)所有的基础知识:dom操作,定时器,事件运用。
@H301_0@
二.轮播图页面布局:
<div class="jb51code">
<pre class="brush:js;">
<div id="content">
<div class="carousel-inner">
<div class="item "><img src="./img/lunbo1.jpg" alt="第一张图片">