Question

所以到目前为止我已经完成了这项工作：

<script type="text/javascript"> 
    window.addEvent('domready', function() {
        $('casestudies').addEvent('click', function( ){
            $('gomobileinfo').setStyle('margin-left', '-500px');
        });
    });
</script>

非常简单，工作正常;基本上将div滑到左边。但我试图让它顺利过渡而不是立即过渡。我知道在MooTools 1.2中使用tween或morph非常简单，但我必须在此项目中使用1.1版。

Answer 1

您可以使用

new Fx.Style('gomobileinfo', 'margin-left', {duration : 2000}).start(-500);

演示：

new Fx.Style('gomobileinfo', 'margin-left', {duration : 2000}).start(-500);

#gomobileinfo{
    width:100px;
    height:200px;
    background:red;
    margin-left:500px;
}

<script src="http://cdn.strategiqcommerce.com/ajax/libs/mootools/1.1.2/mootools-yui-compressed.js"></script>
<div id="gomobileinfo">Go Mobile</div>

http://jsfiddle.net/A5fVx/

P.S。这个MooTools版本真的很老了，你应该升级和/或告诉老板进行升级。

MooTools 1.1：使setstyle函数顺利过渡

1 个答案: