zoukankan      html  css  js  c++  java
  • jquery花式图片库——jqFancyTransitions

    http://www.html580.com/3785

    https://yq.aliyun.com/ziliao/4390

    使用方法
    调用插件js文件:

    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jqFancyTransitions.js" type="text/javascript"></script>
    插件HTML代码结构:
    <div id='slideshowHolder'>
           <img src='img1.jpg' alt='img1' />
           <img src='img2.jpg' alt='img2' />
           <img src='img3.jpg' alt='img3' />
    </div>
    插件启用代码:
    <script>
        $(document).ready( function(){
            $('#slideshowHolder').jqFancyTransitions({ 400, height: 300 });
        });
    </script>

    参数说明
    effect    效果选择:默认''(wave, zipper, curtain)
    width    宽度:默认500
    height    高度:默认320t
    strips    图片分解条数:默认20
    delay    轮播时间:默认5000ms
    stripDelay    条数动画时间:默认50(越大越慢)
    titleOpacity    标题透明度:默认0.7
    titleSpeed    标题变化速度:默认1000
    position    动画效果:默认alternate(top, bottom, alternate, curtain)
    direction    动画方向:默认fountainAlternate(left, right, alternate, random, fountain, fountainAlternate)
    navigation    是否显示导航:默认false
    links    图片是否带连接:默认false

  • 相关阅读:
    mysql8.0.20安装
    MySQL EXPLAIN结果集分析
    初次安装aliSql
    升级vim到8.0
    REPL环境对语言的帮助
    Python环境搭建及pip的使用
    mysql数据库分库分表(Sharding)
    Git的使用
    Promise的初步认识
    对引用的文件起别名
  • 原文地址:https://www.cnblogs.com/uftwkb24/p/10253548.html
Copyright © 2011-2022 走看看