如何实现图片覆盖(或轮流显示)?

Question

note:图片A and B 是在同一个叶面中的某个区域里交替显示;
而不是说,显示B的时候,链接到另一个叶面去,显示A的时候又链接到原来的叶面.

Answer 1

用setimage来更换图片。在<img>上做MOUSE的响应

Answer 2

<script language="javascript">
function  mm(){
IF (IMG SRC="A.GIF"){
  IMG SRC="B.GIF"}
}
ELSE{
IMG SRC="B.GIF"
}</script>

Answer 3

<a id="_link" href="a.asp">
<img src="a.jpg"
  onmouseover="this.src='b.jpg';_link.href='b.asp';"
  onmouseout="this.src='a.jpg';_link.href='a.asp';"
></img>
</a>

Answer 4

<img id=oImg2 style="position:absolute;left:100px;top:100px;display='none';" src="img2.gif">
<img id=oImg1 style="position:absolute;left:100px;top:100px;display='block';" src="img1.gif"
onmouseover="oImg1.style.display='none';oImg2.style.display='block';"
onmouseout="oImg1.style.display='block';oImg2.style.display='none';">
用 oImg.src = "img2.gif" 的办法也可以，但有个缺点：第一次执行 oImg.src = "img2.gif" 时，才从服务器上下载 img2.gif 的数据，会有一个延迟时间

Answer 5

要覆盖的话设置 z-index 就可以了. IE5.5+ <style>
.c1{position:absolute;left:100px;top:100px;z-index:2}
.c2{position:absolute;left:100px;top:100px;z-index:1}
</style><div id=a class=c1 onmouseover=this.className='c2' onmouseout=this.className='c1'><img src=http://51js.1000box.net/images/logo.gif></div>
<div id=b class=c2><img src=http://expert.csdn.net/images/csdn.gif></div>

Answer 6

<img src="A.gif" style="border:0px;" align="absbottom" onMouseOver="this.src=B.gif'" onMouseOut="this.src='A.gif'">