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