3D相册展示，css和jquery
3D相册展示，css和jquery
XML/HTML Code
- <div class="container">
- <section id="dg-container" class="dg-container">
- <div class="dg-wrapper">
- <a href="#"><img src="images/1.jpg" alt="image01"><div></div></a>
- <a href="#"><img src="images/2.jpg" alt="image02"><div></div></a>
- <a href="#"><img src="images/3.jpg" alt="image03"><div></div></a>
- <a href="#"><img src="images/4.jpg" alt="image04"><div></div></a>
- <a href="#"><img src="images/5.jpg" alt="image05"><div></div></a>
- <a href="#"><img src="images/6.jpg" alt="image06"><div></div></a>
- <a href="#"><img src="images/7.jpg" alt="image07"><div></div></a>
- <a href="#"><img src="images/8.jpg" alt="image08"><div></div></a>
- <a href="#"><img src="images/9.jpg" alt="image09"><div></div></a>
- <a href="#"><img src="images/10.jpg" alt="image10"><div></div></a>
- <a href="#"><img src="images/11.jpg" alt="image11"><div></div></a>
- <a href="#"><img src="images/12.jpg" alt="image12"><div></div></a>
- </div>
- <nav>
- <span class="dg-prev"><</span>
- <span class="dg-next">></span>
- </nav>
- </section>
- </div>
- <script src="../../js/jquery-1.9.1.min.js"></script>
- <script type="text/javascript" src="js/jquery.gallery.js"></script>
- <script type="text/javascript">
- $(function() {
- $('#dg-container').gallery();
- });
- </script/>
原文地址:http://www.freejs.net/article_jquerytupiantexiao_305.html
相关推荐
周公周金桥 2020-09-06
大象从不倒下 2020-07-31
AlisaClass 2020-07-19
MaureenChen 2020-04-21
xingguanghai 2020-03-13
teresalxm 2020-02-18
木四小哥 2013-05-14
SoShellon 2013-06-01
Simagle 2013-05-31
羽化大刀Chrome 2013-05-31
waterv 2020-01-08
LutosX 2013-07-29
vanturman 2013-06-27
wutongyuq 2013-04-12
luoqu 2013-04-10
today0 2020-09-22
89520292 2020-09-18
bigname 2020-08-25