2010-02-18 3 views
1

Я хочу использовать метод цепочки в инструментах moo 1.2.метод цепочки в mootools с использованием задержки для эффекта затухания

Мои требования следующие.

Когда загрузка страницы завершена.

Мой единственный элемент div говорит, что «my_div» установлен в скрытую видимость.

После половины второго ее непрозрачность 0,4 Затем снова после половины второго ее непрозрачности 0,7 Затем снова после половины второго ее непрозрачности 1.

Так как же я сделать это с помощью цепочки в Moo инструментах 1.2.

И еще одно это.

Я мог бы передать параметр, когда я вызываю метод задержки. Например

function demo(arg1, arg2) 
{ 
    // Demo code will be here 
} 

Так как я могу назвать эту функцию с задержкой в ​​одну секунду, а также с передачей этих двух аргументов?

ответ

2

не знаю, почему вам нужны пробелы, когда вы можете сделать что-то вроде этого (попробовать и посмотреть, если он работает лучше):

(function() { 
    $("foo").set("tween", {duration: 1500}).setOpacity(0).fade(1); 
}).delay(500); 

, но если вам нужно сделать это в соответствии с вашими спецификациями без анимации , то сделать:

(function() { 
    $("foo").setOpacity(.4).setStyle("visibility", "visible"); 
}).delay(500); 

(function() { 
    $("foo").setOpacity(.7); 
}).delay(1000); 

(function(message) { 
    $("foo").setOpacity(1).set("html", message); 
}).delay(1500, this, "hello"); 

нет необходимости для построения цепочки, как вы работаете на изменения в заданные моменты времени в любом случае, они не должны ждать друг от друга. но класс цепочки является удивительным для анимации, как предложено, http://mootools.net/docs/more/Class/Chain.Wait

, как для параметров, .delay поддерживает: (мс, связывают [это] и т.д., аргументы) (в соответствии с последним примером цикла, который изменяется из HTML DIV в)

0

Как насчет этого?

setTimeout 
(
    demo // function to call 
    , 500 // change this according to your needs 
    , p1 // this goes to arg1 
    , p2 // this goes to arg2 
); 

p.s. Я не знаю, для IE и Safari, но он работает на Firefox, Chrome и Opera.