设为首页 - 加入收藏
广告 1000x90
您的当前位置:主页 > 和盛pk10开奖结果 > 滚动代码 > 正文

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

来源:未知 编辑:admin 时间: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> 

相关推荐:

网友评论:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

模板天下 www.mobantianxia.com 联系QQ:498872301 邮箱:[email protected]

Copyright © 2002-2011 DEDECMS. 织梦科技 版权所有 Power by DedeCms

Top