非常炫酷的焦点图,轮播图,3D轮播图特效代码。
引入方式:
- <div class="warper">
- <div id="wowslider-container1">
- <div class="ws_images">
- <ul>
- <li><a target="_blank" href="#"><img title="高级职位都在这里" src="images/bimg1.jpg" /></a></li>
- <li><a target="_blank" href="#"><img title="互联网设计布道者冯铁看诊把脉" src="images/bimg2.jpg" /></a></li>
- <li><a target="_blank" href="#"><img title="颜值不高别装“表”" src="images/bimg3.jpg" /></a></li>
- <li><a target="_blank" href="#"><img title="高级职位都在这里" src="images/bimg1.jpg" /></a></li>
- <li><a target="_blank" href="#"><img title="互联网设计布道者冯铁看诊把脉" src="images/bimg2.jpg" /></a></li>
- <li><a target="_blank" href="#"><img title="颜值不高别装“表”" src="images/bimg3.jpg" /></a></li>
- </ul>
- </div>
- <div class="ws_thumbs">
- <div>
- <a target="_blank" href="#"><img src="images/simg1.jpg" /></a>
- <a target="_blank" href="#"><img src="images/simg2.jpg" /></a>
- <a target="_blank" href="#"><img src="images/simg3.jpg" /></a>
- <a target="_blank" href="#"><img src="images/simg1.jpg" /></a>
- <a target="_blank" href="#"><img src="images/simg2.jpg" /></a>
- <a target="_blank" href="#"><img src="images/simg3.jpg" /></a>
- </div>
- </div>
- <div class="ws_shadow"></div>
- </div>
- </div>
复制代码
|