3D相册展示,css和jquery
3D相册展示,css和jquery
?
?
- <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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。