3D相册展示,css和jquery

3D相册展示,css和jquery

 
3D相册展示,css和jquery

 

 

XML/HTML Code
  1. <div class="container">  
  2.   
  3.         <section id="dg-container" class="dg-container">  
  4.             <div class="dg-wrapper">  
  5.                 <a href="#"><img src="images/1.jpg" alt="image01"><div></div></a>  
  6.                 <a href="#"><img src="images/2.jpg" alt="image02"><div></div></a>  
  7.                 <a href="#"><img src="images/3.jpg" alt="image03"><div></div></a>  
  8.                 <a href="#"><img src="images/4.jpg" alt="image04"><div></div></a>  
  9.                 <a href="#"><img src="images/5.jpg" alt="image05"><div></div></a>  
  10.                 <a href="#"><img src="images/6.jpg" alt="image06"><div></div></a>  
  11.                 <a href="#"><img src="images/7.jpg" alt="image07"><div></div></a>  
  12.                 <a href="#"><img src="images/8.jpg" alt="image08"><div></div></a>  
  13.                 <a href="#"><img src="images/9.jpg" alt="image09"><div></div></a>  
  14.                 <a href="#"><img src="images/10.jpg" alt="image10"><div></div></a>  
  15.                 <a href="#"><img src="images/11.jpg" alt="image11"><div></div></a>  
  16.                 <a href="#"><img src="images/12.jpg" alt="image12"><div></div></a>  
  17.             </div>  
  18.             <nav>     
  19.                 <span class="dg-prev"><</span>  
  20.                 <span class="dg-next">></span>  
  21.             </nav>  
  22.         </section>  
  23.        </div>  
  24.     <script src="../../js/jquery-1.9.1.min.js"></script>  
  25.     <script type="text/javascript" src="js/jquery.gallery.js"></script>  
  26.     <script type="text/javascript">  
  27.         $(function() {  
  28.             $('#dg-container').gallery();  
  29.         });  
  30.     </script/>  

 


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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值