zoukankan      html  css  js  c++  java
  • turn.js中文API 写一个翻页效果的参数详细解释

    $('.flipbook').turn(
         922, 
        height: 600, 
        elevation: 50, 
        gradients: true, 
        autoCenter: true 
    });

    turn.js中文API

    参数 描述 默认值

    Options选项

    acceleration 加速模式ture or false。(必须在移动端) true
    autoCenter 中心翻取决于有多少页面可见 true or false false
    direction 翻页方向 $("#flipbook").turn({direction: "rtl"}); ltr翻从左到右
    display 显示模式(只显示一页single,两个页面double) double
    duration 持续时间,单位毫秒。如果你设置为0,不会有过渡效果 600
    gradients 显示渐变阴影 true
    height 翻页的高度 $("flipbook").height()
    pages 设置页面的数量 $("#flipbook").children().length
    turnCorners 设置角落的值bl,br or tl,tr or bl,tr 例如:var way = 1; setInterval(function() { if (way==1) { $("#flipbook").turn("next"); if ($("#flipbook").turn("page")== $("#flipbook").turn("pages")) { way = 2; $("#flipbook").turn("options", {turnCorners: "tl,tr"}); } } else { $("#flipbook").turn("previous"); if ($("#flipbook").turn("page")==1) { way = 1; $("#flipbook").turn("options", {turnCorners: "bl,br"}); } } }, 1000); bl,br
    when 监听事件 when 当,例如:$("#flipbook").turn({when: { turning: function(event, page, pageObject) { // Implementation } } }); -

    属性Properties

    animating 若页面动画返回true时,例如:<pre>function isAnimating() { if ($(&quot;#flipbook&quot;).turn(&quot;animating&quot;)) { alert('Animating a page!'); } }</pre> -
    direction 返回当前翻页的方向:$(&quot;#flipbook&quot;).turn(&quot;direction&quot;); -
    disable 启用或禁用翻页效果:$(&quot;#flipbook&quot;).turn(&quot;disable&quot;, true);
  • 相关阅读:
    我用Python爬虫挣钱的那点事
    猿人学 . 爬虫逆向高阶课
    Python中实用却不常见的小技巧
    Python内存数据序列化到硬盘上哪家强
    利用setuptools发布Python程序到PyPI,为Python添砖加瓦
    配置tmux在机器重启后自动恢复tmux工作现场,告别重启恐惧症
    用python实现新词发现程序——基于凝固度和自由度
    学习笔记:Python序列化常用工具及性能对比
    浅谈自然语言在科技时代的运用
    python学习笔记:建立一个自己的搜索引擎
  • 原文地址:https://www.cnblogs.com/zouyun/p/8985351.html
Copyright © 2011-2022 走看看