【问题标题】:not sure how apply easing with jquery shake effect不确定如何使用 jquery 抖动效果应用缓动
【发布时间】:2014-08-27 16:37:28
【问题描述】:

我在jsfiddleTxh7R 中一直在处理这个问题,它工作正常,但我想应用缓动,这样它就不会过于激进地摇动 div。我希望它更流畅,就像这个网站上的切换横幅 http://livedemo00.template-help.com/wordpress_33599/

很可能摇晃效果不是最好的使用方法,对 jquery 来说还很新,因此我们将不胜感激:)

【问题讨论】:

  • 您可以尝试添加选项 'duration: 1000' 这将减慢摇晃速度。

标签: jquery css jquery-ui jquery-plugins jquery-effects


【解决方案1】:

您可以从这里根据需要应用缓动效果:http://www.tutorialspoint.com/jquery/effect-shake.htm 希望这会有所帮助

【讨论】:

  • 请在答案中包含相关内容。如果链接失败,仅链接的答案可能会变得陈旧。
【解决方案2】:

JavaScript 带有 jQ​​uery Easing 插件的 jQuery 是描述带有缓动的动画的最简单方法。将缓动名称(如 easeInCirc)作为第三个参数传递给 .animate() 函数,或将其用作缓动选项的值。

div.animate({ top: '-=100px' }, 600, 'easing name', function () { … })

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-05-22
    • 1970-01-01
    • 1970-01-01
    • 2017-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多