Fade-to opacity с помощью dojo

Question

Я использую инструментарий Dojo. (версия 1.6) Я не могу остановить эффект затухания при определенной непрозрачности (скажем, 0,5) Вот код, который я использую

 var fadeArgs = {node: "disabled_div", duration: 3000};
 dojo.style("disabled_div", "opacity", "0"); 
 dojo.fadeIn(fadeArgs).play();

Но приведенный выше код уменьшает непрозрачность элемента с 0 до 1. Мое требование - остановить эффект затухания при непрозрачности 0,5.

Пожалуйста, помогите мне

Заранее спасибо! SuryaPavan

Answer 1

Вы можете попробовать вот так:

    var w = dojo.animateProperty({
    node:"disabled_div",
            duration: 3000,
    properties: {
        opacity: 0     
    },
    onAnimate:function(a){
        if(a.opacity <= .5)
        w.stop();
    }
})

ИЛИ

dojo.style("disabled_div", "opacity", "1"); 

var fadeArgs = {node: "disabled_div", duration: 3000,onAnimate:function(o){

 if(o.opacity <= .5){
   anim.stop()
 }
}};
anim =  dojo.fadeOut(fadeArgs);
anim.play();

Answer 2

Вы можете использовать fadeTo из расширений DojoX