如何使图像交换淡入淡出或过渡

我已经为我正在创建的角色扮演论坛创建了此地图,但是当您将鼠标悬停在图像上时,过渡是瞬间而突然的。我想要做的是图像之间的淡入淡出或过渡。可以在我的代码中添加任何可以产生这种效果的内容吗?预先感谢您的帮助!让我知道我是否提供了足够的信息。

我的Javascript:

var mloi=new Object();

function setswap()
{
if (! document.images)return;
var imgInfo=new Object();
imgInfo.defaultImg = new Image();
imgInfo.defaultImg.src = document.images[arguments[0]].src;
imgInfo.opts = new Object();
for (var i=1; i < arguments.length; i=i+2)
   {
   imgInfo.opts[arguments[i]]=new Image();
   imgInfo.opts[arguments[i]].src = arguments[i+1];
   }
mloi[arguments[0]] = imgInfo;
}

function swap(link,imgName,optName)
{
if (! document.images)return;
if (! link.swapReady)
   {   
   link.imgName    = imgName;
   link.onmouseout = swapBack;
   link.swapReady  = true;
   }
document.images[imgName].src=mloi[imgName].opts[optName].src;
}

function swapBack()
   {document.images[this.imgName].src=mloi[this.imgName].defaultImg.src}
suse119 回答:如何使图像交换淡入淡出或过渡

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3043149.html

大家都在问