你的位置:首页 > Java教程

[Java教程]jQuery Flipping Gallery 翻转画廊


在线实例

简单配置

翻转方向

鼠标滚动

自动播放

绑定事件

使用方法

  1. <div class="main">
  2.     <div class="page_container">
  3.         <div class="gallery">
  4.             <a href="#"><img src="img/1.jpg"></a>
  5.             <a href="#"><img src="img/2.jpg"></a>
  6.             <a href="#"><img src="img/3.jpg"></a>
  7.             <a href="#"><img src="img/4.jpg"></a>
  8.             <a href="#"><img src="img/5.jpg"></a>
  9.             <a href="#"><img src="img/1.jpg"></a>
  10.             <a href="#"><img src="img/2.jpg"></a>
  11.             <a href="#"><img src="img/3.jpg"></a>
  12.             <a href="#"><img src="img/4.jpg"></a>
  13.             <a href="#"><img src="img/5.jpg"></a>
  14.         </div>
  15.     </div>
  16. </div>
复制
  1. <script type="text/javascript">
  2.     $(document).ready(function() {
  3.         $(".gallery").flipping_gallery({
  4.             enableScroll: false
  5.         });
  6.     });
  7. </script>
复制

 


下载