javascript+css实现走马灯图片轮播器

javascript+css实现图片轮播-走马灯式

---

该图片轮播器主要是通过改变“图片容器”（即下面html代码中的div class=“innerBox”）的margin-left属性值来实现的。

---

实现效果如下：

---

实现代码如下：

• html部分：

<div class="photoDisplayBox">
       <div class="innerBox">
           <ul>
               <li><a href="#"><img src="../static/images/index.jpg"></a></li>
               <li><a href="#"><img src="../static/images/loginbackground.jpg"></a></li>
               <li><a href="#"><img src="../static/images/love2.jpg"></a></li>
               <li><a href="#"><img src="../static/images/color1.jpg"></a></li>
               <li><a href="#"><img