不知如何将以下方法套入以上网页中,我是初学者,请高手们帮帮忙!先谢了!将如下的类似代码放在HTML的<head>区:
<SCRIPT LANGUAGE="JavaScript">
<!-- 
Image1= new Image(100,50)
Image1.src = "image1.gif"
Image2 = new Image(100,50)
Image2.src = "image2.gif"
Image3 = new Image(100,50)
Image3.src = "image3.gif"
// -->
</SCRIPT> 
这样浏览器在装载页面时就已经预先下载了3个图片
(image1.gif,images2.gif和image3.gif)。
当激发onmouseover事件时,浏览器直接从Cache中读取图片,
速度当然快多了。

解决方案 »

  1.   

    概念不对吧,js控制的图片都是事先下载到本地的吧,不会因为onmouseover事件在去连接这张图片的吧
      

  2.   

    首先将所有的图片隐藏(image.style.display='none'),然后在图片的 onload 事件中写上 image.style.display='',这样图片加载的过程是隐藏起来的,然后刷一下就出来了。
      

  3.   

    2楼的说法是对的,4楼的说法是错的,onmouseover也可以去load一幅未加载的图片的obj2=eval("Image"+k);
    obj.src=obj2.src;
      

  4.   

    好像都不行,obj.src=obj2.src;还是引用路径,在这种情况下IE还是会重新载入图片。
      

  5.   

    如果图片比较小,可以将图片做成一张。再将它们以对象的背景形式显示出来。
    div+css网站很喜欢用这个方式。你可以查一下background的position属性。