当前位置:主页 > 特效 > 滚动代码 >

仿百度百科图片列表左右滚动效果
栏目分类:滚动代码   发布日期:2015-09-02   浏览次数:

仿百度百科图片列表左右滚动效果

今天聚合分享一款jquery仿百度百科图片列表左右滚动效果,此代码是仿百度百科2014新首页的图片列表。页面样式精美感兴趣的朋友可以下载来学习一下。

1、引入文件

  1. <link rel="stylesheet" href="css/owl.carousel.css"> 
  2. <link rel="stylesheet" href="css/owl.theme.css"> 
  3. <script src="js/jquery.min.js">script> 
  4. <script src="js/owl.carousel.js">script> 

2、HTML

  1. <div class="dowebok-outer"> 
  2.     <div id="dowebok" class="owl-carousel"> 
  3.         <div class="item"> 
  4.             <img src="images/1.jpg" alt=""> 
  5.             <div class="shd"><a href="###">a>div> 
  6.             <div class="txt"> 
  7.                 <h3><a href="###">港版iPhone 6发布a>h3> 
  8.                 <p>苹果在2014年9月推出的新产品,4.7寸的iPhone6和5.5寸的iPhone 6 Plus携新广告文案“Bigger than Bigger”正式亮相。p> 
  9.             div> 
  10.         div> 
  11.         <div class="item"> 
  12.             <img src="imsges/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.         ...... 
  20.     div> 
  21. div> 
特效 教程 资源 资讯