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

栏目分类：滚动代码   发布日期：2014-09-15   来源：互联网   浏览次数：次

今天聚合分享一款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>