
非常炫酷的焦點圖,輪播圖,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>
復制代碼
|