Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
提供的现有javascript代码需要淡出效果_Javascript_Html_Css_Image_Fade - Fatal编程技术网

提供的现有javascript代码需要淡出效果

提供的现有javascript代码需要淡出效果,javascript,html,css,image,fade,Javascript,Html,Css,Image,Fade,有可能对javascript代码应用淡入淡出效果吗 目前,它只是弹出一个图像,然后消失,没有应用任何效果。提前谢谢。FadeIn()和FadeOut()需要设置持续时间,如FadeIn(“慢”);或衰减(“快速”);甚至像FadeIn(3000)那样以毫秒为单位;否则,淡入淡出效果并不是真正的淡入淡出效果,因为它会立即发生。 setInterval()函数只循环淡入淡出。由于您的站点已经在使用jQuery,请研究使用jQuery和函数 $('div').fadeOut(); 试试下面的脚本 f

有可能对javascript代码应用淡入淡出效果吗

目前,它只是弹出一个图像,然后消失,没有应用任何效果。提前谢谢。

FadeIn()和FadeOut()需要设置持续时间,如FadeIn(“慢”);或衰减(“快速”);甚至像FadeIn(3000)那样以毫秒为单位;否则,淡入淡出效果并不是真正的淡入淡出效果,因为它会立即发生。
setInterval()函数只循环淡入淡出。

由于您的站点已经在使用jQuery,请研究使用jQuery和函数

$('div').fadeOut();
试试下面的脚本

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';

}
功能梯度(id,级别)
{
变量框=document.getElementById(id);
box.style.opacity=级别;
box.style.MozOpacity=级别;
box.style.KhtmlOpacity=级别;
box.style.filter=“alpha(不透明度=“+级别*100+”);
box.style.display=“block”;
返回;
}
函数fadein(id)
{
风险值水平=0;

虽然(level不太清楚它是如何工作的抱歉,我已经有了淡入淡出功能了吗?谢谢,我假设你使用淡入淡出,因为你链接的页面使用了jQuery的淡入淡出功能,它几乎位于setInterval函数的源代码顶部。访问jQuery页面,看看这些功能,它们很容易应用于图像,如果你遇到问题,这个网站总是有。这里有更新的代码,但仍然不起作用…非常感谢adeneo到目前为止对你的帮助。。