затухание эффект затухания необходимо для существующего кода JavaScript предоставляется - PullRequest
Новая
       6

затухание эффект затухания необходимо для существующего кода JavaScript предоставляется

0 голосов
/ 26 сентября 2011

Возможно ли применить эффект затухания к затуханию к коду JavaScript, пожалуйста?

В данный момент просто всплывает изображение и исчезает без эффекта. Заранее спасибо.

Ответы [ 3 ]

1 голос
/ 26 сентября 2011

Поскольку ваш сайт уже использует jQuery, изучите использование функций jQuery fadeIn () и fadeOut () . 

$('div').fadeOut();
0 голосов
/ 17 февраля 2012

попробуйте следующий скрипт 

function gradient(id, level)

{

    var box = document.getElementById(id);

    box.style.opacity = level;

    box.style.MozOpacity = level;

    box.style.KhtmlOpacity = level;

    box.style.filter = "alpha(opacity=" + level * 100 + ")";

    box.style.display="block";

    return;

}



function fadein(id) 

{

    var level = 0;

    while(level <= 1)

    {

        setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);

        level += 0.01;

    }

}

function centerPopup()
{
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    //alert(windowWidth); alert(windowHeight);
    var popupHeight = 300;
    var popupWidth = 400;
    //alert(windowHeight/2-popupHeight/2); alert(windowWidth/2-popupWidth/2);
    document.getElementById(AnyElement).style.top = windowHeight/2-popupHeight/2 + 'px';
    document.getElementById(AnyElement).style.left = windowWidth/2-popupWidth/2 + 'px';
} 

function openbox(fadin)

{
    var box = document.getElementById(AnyElement);
    document.getElementById(AnyElement).style.display = 'block';

    if(fadin)

    {

        gradient("box", 0);
        fadein("box");
        centerPopup();

    }

    else

    {   

        box.style.display='block';

    }
}

function closebox()

{

    document.getElementById(AnyElement).style.display = 'none';

    document.getElementById(AnyElement).style.display = 'none';

}
0 голосов
/ 26 сентября 2011

FadeIn () и FadeOut () необходимо установить длительность, например, FadeIn («медленно»);или FadeOut («быстро»);или даже в миллисекундах, как FadeIn (3000);в противном случае эффект затухания на самом деле не является эффектом затухания, как это происходит мгновенно.Функция setInterval () зацикливает только замирания.

...