首页>>焦点图>>jQuery 幻灯片,多个图片/文字左右手动滚动(2015-05-22)

jQuery 幻灯片,多个图片/文字左右手动滚动

 owl.carousel.js请到演示页面查看

 

jQuery 幻灯片,多个图片/文字左右手动滚动
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="demo-outer">  
  2.     <div id="demo" class="owl-carousel">  
  3.         <div class="item">  
  4.             <img src="images/1.jpg" alt="">  
  5.             <div class="shd"><a href="http://www.aihym.com"></a></div>  
  6.             <div class="txt">  
  7.                 <h3><a href="http://www.aihym.com">aihym.com</a></h3>  
  8.                 <p>爱薅羊毛-本站专门发布各种赚积分，话费，现金信息，同时发布各种推荐返佣。</p>  
  9.             </div>  
  10.         </div>  
  11.         <div class="item">  
  12.             <img src="images/2.jpg" alt="">  
  13.             <div class="shd"><a href="###"></a></div>  
  14.             <div class="txt">  
  15.                 <h3><a href="###">500万Gmail用户名密码泄露</a></h3>  
  16.                 <p>据美国CNN 9月10日报道，近500万个Gmail用户的账号密码被黑客发布到了俄罗斯的一个比特币论坛上。</p>  
  17.             </div>  
  18.         </div>  
  19.         <div class="item">  
  20.             <img src="images/3.jpg" alt="">  
  21.             <div class="shd"><a href="###"></a></div>  
  22.             <div class="txt">  
  23.                 <h3><a href="###">柳宗元铜像被拆除</a></h3>  
  24.                 <p>广西柳州投资7000万元修建柳宗元像，将成为国内最高的人物铜像，但由于资金不到位，仅完成底座和核心柱子就被拆除。</p>  
  25.             </div>  
  26.         </div>  
  27.         <div class="item">  
  28.             <img src="images/4.jpg" alt="">  
  29.             <div class="shd"><a href="###"></a></div>  
  30.             <div class="txt">  
  31.                 <h3><a href="###">越狱案逃犯高玉伦被抓获</a></h3>  
  32.                 <p>哈尔滨越狱案3名嫌犯之一，此前被判死刑，于9月11日下午17时许在延寿县青川乡被公安机关抓获。</p>  
  33.             </div>  
  34.         </div>  
  35.         <div class="item">  
  36.             <img src="images/5.jpg" alt="">  
  37.             <div class="shd"><a href="###"></a></div>  
  38.             <div class="txt">  
  39.                 <h3><a href="###">21世纪网收企业“保护费”</a></h3>  
  40.                 <p>2014年9月3日，21世纪网包括主编、副主编在内的相关人员，因涉嫌新闻敲诈被上海市公安局抓获。</p>  
  41.             </div>  
  42.         </div>  
  43.         <div class="item">  
  44.             <img src="images/6.jpg" alt="">  
  45.             <div class="shd"><a href="###"></a></div>  
  46.             <div class="txt">  
  47.                 <h3><a href="###">电子港澳通行证15日起启用</a></h3>  
  48.                 <p>2014年9月，公安部决定，全国公安机关出入境管理部门自9月15日起全面启用电子往来港澳通行证。</p>  
  49.             </div>  
  50.         </div>  
  51.         <div class="item">  
  52.             <img src="images/7.jpg" alt="">  
  53.             <div class="shd"><a href="###"></a></div>  
  54.             <div class="txt">  
  55.                 <h3><a href="###">“刀锋战士”枪杀女友非故意</a></h3>  
  56.                 <p>残疾人100、200、400米世界纪录保持者。因涉嫌枪杀女友受审，2014年9月11日，法院宣判其故意杀人罪不成立。</p>  
  57.             </div>  
  58.         </div>  
  59.         <div class="item">  
  60.             <img src="images/8.jpg" alt="">  
  61.             <div class="shd"><a href="###"></a></div>  
  62.             <div class="txt">  
  63.                 <h3><a href="###">苏格兰将举行独立公投</a></h3>  
  64.                 <p>苏格兰独立公投将于9月18日举行。9月10日英国首相前往苏格兰进行挽留，试图阻止公众在9月18日的公投中支持独立。</p>  
  65.             </div>  
  66.         </div>  
  67.         <div class="item">  
  68.             <img src="images/9.jpg" alt="">  
  69.             <div class="shd"><a href="###"></a></div>  
  70.             <div class="txt">  
  71.                 <h3><a href="###">特色词条：小熊猫</a></h3>  
  72.                 <p>躯体肥壮，身上披有粗长的毛，主要生活于海拔3000米以下有竹丛的地方，平日栖居于大的树洞或石洞中。</p>  
  73.             </div>  
  74.         </div>  
  75.         <div class="item">  
  76.             <img src="images/1.jpg" alt="">  
  77.             <div class="shd"><a href="###"></a></div>  
  78.             <div class="txt">  
  79.                 <h3><a href="###">港版iPhone 6发布</a></h3>  
  80.                 <p>苹果在2014年9月推出的新产品，4.7寸的iPhone6和5.5寸的iPhone 6 Plus携新广告文案“Bigger than Bigger”正式亮相。</p>  
  81.             </div>  
  82.         </div>  
  83.         <div class="item">  
  84.             <img src="images/2.jpg" alt="">  
  85.             <div class="shd"><a href="###"></a></div>  
  86.             <div class="txt">  
  87.                 <h3><a href="###">500万Gmail用户名密码泄露</a></h3>  
  88.                 <p>据美国CNN 9月10日报道，近500万个Gmail用户的账号密码被黑客发布到了俄罗斯的一个比特币论坛上。</p>  
  89.             </div>  
  90.         </div>  
  91.         <div class="item">  
  92.             <img src="images/3.jpg" alt="">  
  93.             <div class="shd"><a href="###"></a></div>  
  94.             <div class="txt">  
  95.                 <h3><a href="###">柳宗元铜像被拆除</a></h3>  
  96.                 <p>广西柳州投资7000万元修建柳宗元像，将成为国内最高的人物铜像，但由于资金不到位，仅完成底座和核心柱子就被拆除。</p>  
  97.             </div>  
  98.         </div>  
  99.     </div>  
  100. </div>  

 


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