当前位置:首页 > 特效 > 滚动代码 > 正文

仿百度百科图片列表左右滚动效果
栏目分类:滚动代码   发布日期: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> 
Copyright © 2014 聚合分享 版权所有   京ICP备14037269号-1  关于聚合分享 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 | 友情链接
焦点图相册效果页面布局图片代码导航菜单TAB选项卡弹出提示客服代码播放器返回顶部表单按钮滚动代码其他代码