1

我不确定 Spry 是否比 jQuery 更流畅,但我永远无法让我的动画像http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html一样流畅

我执行我的动画如下:

 $("#button").click(function (e) {
    $("#thediv").css('margin-left',$(window).width + 10 + 'px');
    $("#thediv").animate({
       'margin-left' : '0'
   },100);
 });

我尝试过使用缓动,使用插件降低帧速率,调整 ms。Spry 有什么不同吗?据我所知,它像 jQuery 一样操纵 DOM。什么是创建平滑“从左滑动”div 过渡的理想动画设置。Web 应用程序用于手机,div 切换用于在视图之间切换。

4

1 回答 1

1

是的,您可以获得确切的效果:工作演示 :) http://jsfiddle.net/FjgjE/http://jsfiddle.net/YWcgw/

使用这些 js 和 css 文件,其余的 html 和完整的 js 代码在演示中。

如果我错过了什么,请让我知道!

希望它可以帮助您的事业:)休息随意玩演示。

脚本

<link href="http://labs.adobe.com/technologies/spry/css/samples.css" rel="stylesheet" type="text/css" />
<script src="http://labs.adobe.com/technologies/spry/includes/SpryEffects.js" type="text/javascript"></script>

代码

   var animation_start = function(){
        var button = document.getElementById('animation_button');
        if (button){
            button.disabled = true;
            button.style.backgroundColor = '#FFF';
        }
    }

    var animation_stop = function(){
        var button = document.getElementById('animation_button');
        if (button){
            button.disabled = false;
            button.style.backgroundColor = '';
        }
    }

    var slide_func = new Spry.Effect.Slide('slideIt', {toggle:true, setup: animation_start, finish: animation_stop});​
于 2012-07-27T19:54:20.623 回答