MooTools 1.1: плавно перейти в функцию сета - PullRequest
Новая
       18

MooTools 1.1: плавно перейти в функцию сета

1 голос
/ 06 декабря 2011

Итак, у меня пока все работает: 

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

действительно просто и работает отлично;в основном скользит div влево.Но я пытаюсь сделать это плавно, а не сразу.Я знаю, что было бы действительно просто использовать tween или morph с MooTools 1.2, но я должен использовать версию 1.1 для этого проекта.

1 Ответ

1 голос
/ 06 декабря 2011

Вы можете использовать 

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 ДЕЙСТВИТЕЛЬНО старая, вы должны обновить ее и / или сказать боссу, чтобы она обновилась.

...