Question

我不确定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 switcing用于在视图之间切换。

Answer 1

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

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

如果我错过了什么，请告诉我们！

希望它有助于您的事业:)休息随意玩这个演示。

<强>脚本

<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});

像滑动效果一样

1 个答案: