首页>>Jquery图片>>slide滑动效果,支持远程加载图片，多个不同图片在一帧(2014-09-05)

slide滑动效果,支持远程加载图片，多个不同图片在一帧

slide滑动效果,支持远程加载图片，多个不同图片在一帧
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="view-port">  
  2.   <div id="example-5" class="slider-container">  
  3.     <div class="item">  
  4.       <img src="http://ib1.huluim.com/video/60044632?size=220x124">  
  5.       <p>Trailer 1</p>  
  6.     </div>  
  7.     <div class="item">  
  8.       <img src="http://ib2.huluim.com/video/60063785?size=220x124">  
  9.       <p>Trailer 2</p>  
  10.     </div>  
  11.     <div class="item">  
  12.       <img src="http://ib2.huluim.com/video/60062745?size=220x124">  
  13.       <p>Trailer 3</p>  
  14.     </div>  
  15.     <div class="item">  
  16.       <img src="http://ib1.huluim.com/video/40050156?size=220x124">  
  17.       <p>Trailer 4</p>  
  18.     </div>  
  19.     <div class="item">  
  20.       <img src="http://ib1.huluim.com/video/60066740?size=220x124">  
  21.       <p>Trailer 5</p>  
  22.     </div>  
  23.     <div class="item">  
  24.       <img src="http://ib4.huluim.com/video/60062747?size=220x124">  
  25.       <p>Trailer 6</p>  
  26.     </div>  
  27.     <div class="item">  
  28.       <img src="http://ib3.huluim.com/video/60062746?size=220x124">  
  29.       <p>Trailer 7</p>  
  30.     </div>  
  31.     <div class="item">  
  32.       <img src="http://ib1.huluim.com/video/60062744?size=220x124">  
  33.       <p>Trailer 8</p>  
  34.     </div>  
  35.     <div class="item">  
  36.       <img src="http://ib2.huluim.com/video/60060717?size=220x124">  
  37.       <p>Trailer 9</p>  
  38.     </div>  
  39.   </div>  
  40. </div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_430.html