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