大哥们，帮帮小妹把，下面这个动态效果如何实现

Question

<img src="" id=img1><div style="cursor:hand;" onmouseover="img1.src='home.gif';">主页</div>

Answer 1

<img onmouseover="this.src='homemouseover.gif" onmouseout="this.src='homemouseout.gif'" src="homemouseout.gif">homemouseout.gif 是最初网页上的图片
homemouseover.gif 是鼠标已过去以后现实的图片当然，最好先将图片加入到缓存中去，这样连续性会更好OK?

Answer 2

mmmaaaggg(忘我):如何加到缓存中？

Answer 3

加入缓存实际上就是在图片尚未显示之前将其从服务器获取.
用iframe可以做到
<iframe name="ImageCache" src="about:blank" height=0></iframe>
<script>
frames["ImageCache"].document.write("<img src='imagename1.xxx'>")
frames["ImageCache"].document.write("<img src='imagename2.xxx'>")
frames["ImageCache"].document.write("<img src='imagename3.xxx'>")
frames["ImageCache"].document.write("<img src='imagename4.xxx'>")
frames["ImageCache"].document.write("<img src='imagename5.xxx'>")
</script>实际上实现预加载的方法有很多,都是利用浏览器的高速缓存