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