星空网 > 软件开发 > Java

jQuery Flipping Gallery 翻转画廊

在线实例

简单配置

翻转方向

鼠标滚动

自动播放

绑定事件

使用方法

  1. <div class="main">
  2.     <div class="page_container">
  3.         <div class="gallery">
  4.             <a href="#"><img src='/images/loading.gif' data-original="img/1.jpg"></a>
  5.             <a href="#"><img src='/images/loading.gif' data-original="img/2.jpg"></a>
  6.             <a href="#"><img src='/images/loading.gif' data-original="img/3.jpg"></a>
  7.             <a href="#"><img src='/images/loading.gif' data-original="img/4.jpg"></a>
  8.             <a href="#"><img src='/images/loading.gif' data-original="img/5.jpg"></a>
  9.             <a href="#"><img src='/images/loading.gif' data-original="img/1.jpg"></a>
  10.             <a href="#"><img src='/images/loading.gif' data-original="img/2.jpg"></a>
  11.             <a href="#"><img src='/images/loading.gif' data-original="img/3.jpg"></a>
  12.             <a href="#"><img src='/images/loading.gif' data-original="img/4.jpg"></a>
  13.             <a href="#"><img src='/images/loading.gif' data-original="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>
复制

 


下载

 




原标题:jQuery Flipping Gallery 翻转画廊

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

喜报!习大大金口一开,跨境人将更有底气!:https://www.ikjzd.com/articles/133224
库存滞销?建议你可以尝试这么做...:https://www.ikjzd.com/articles/133225
美国多地爆发抗议,物流受阻,卖家单量又要凉了吗:https://www.ikjzd.com/articles/133226
欧美震荡?一波未平一波又起!踏平坎坷还看效率:https://www.ikjzd.com/articles/133227
亚马逊打工人的捞金之地--沙特:https://www.ikjzd.com/articles/133228
【经典案例】8年从0到上市,中国卖家Anker的国际品牌打造史:https://www.ikjzd.com/articles/133229
大批Listing被下架,“黄色警告”!提示存在停用风险:https://www.kjdsnews.com/a/1836647.html
跨境支付百科——巴西支付篇:https://www.kjdsnews.com/a/1836648.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流