使用javascript淡入图像

如果不使用jquery，是否可以同时fadein和替换另一个图像

我已经创建了一个带有复杂多边形区域的地图，在onmouseover和onmouseout中，用imageB替换imageA，如下面的函数所示。但是，在替换图像时，过渡过于突然。如果我可以简单地在“if（aa==0）{…}”下面添加几行代码来实现这一点，那就太棒了。不幸的是，我对javascript的基本知识阻止了我这样做

aa=0;
function replaceImage()
{
if (aa==0) 
  {
  aa=1;
  document.getElementById('imageA').src="img/imageB.png";
  }
else
  {
  aa=0;
  document.getElementById('imageA').src="img/imageA.png";
  }
}

---

非常感谢

是的，您可以玩循环，并调整图像的不透明度以淡入淡出。如果你愿意使用css3，你可能想看看这个链接

“如果不使用jquery，是否有可能…-当然。jQuery不能做任何在“普通”JavaScript中不可能做到的事情。。。您可能希望使用

setTimeout（）

或

setInterval（）

更新所涉及元素的CSS不透明度。请检查类似问题：请注意-不透明度非常棘手。Jquery做了大量的操作以使其能够跨浏览器工作。是的，不透明度有时可能会很棘手，当您必须调整z索引以使事情看起来像您想要的那样时，这是一件痛苦的事情。css的问题是，我计划将多个图像叠加在一个图像之上，并在“默认图像”中的某个特定区域的onmouseover上，显示其中一个图像。css在处理区域和地图时似乎不起作用，因为它们不是可见元素，正如我被告知的那样，它不是可见元素