写一个
<script>
myarray=new Array();
for(i=0;i<18;i++)
myarray[i]=i+".gif";
function setimgsrc()
{
for(i=0;i<document.all.tags("img").length;i++)
document.all.tags("img")[i].src=myarray[i];
}
function changeimg(obj,overout)
{
i=parseInt((obj.id).substring((obj.id).length-1,(obj.id).length));
if(overout=="over")
obj.src=myarray[i+9];
else
obj.src=myarray[i];
}
</script>
<body onload=setimgsrc()>
<img id=img0 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img1 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img2 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img3 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img4 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img5 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img6 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img7 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>
<img id=img8 onmouseover=changeimg(this,"over") onmouseout=changeimg(this,"out")>

解决方案 »

  1.   

    <script>
    myarray=new Array();
    function setimgsrc(){
    for(i=0;i<18;i++){
    myarray[i]=new Image();
    myarray[i].src=i+".gif";
    }
    for(i=0;i<document.all.tags("img").length;i++)
    document.all.tags("img")[i].src=myarray[i].src;
    }
    function chg(n){
    var pre="img",obj=window.event.srcElement;
    if((obj.id).substr(0,pre.length)==pre)
    obj.src=myarray[parseInt((obj.id).substring(pre.length))+n].src;
    }
    </script>
    <body onload=setimgsrc() onmouseover=chg(9) onmouseout=chg(0)>
    <img id=img0>
    <img id=img1>
    <img id=img2>
    <img id=img3>
    <img id=img4>
    <img id=img5>
    <img id=img6>
    <img id=img7>
    <img id=img8>
      

  2.   

    用Image预载图片<script>
    myarray=new Array();
    function setimgsrc(){
    for(i=0;i<18;i++){
    myarray[i]=new Image();
    myarray[i].src=i+".gif";
    }
    for(i=0;i<document.all.tags("img").length;i++)
    document.all.tags("img")[i].src=myarray[i].src;
    }
    function chg(n){
    var pre="img",obj=window.event.srcElement;
    if((obj.id).substr(0,pre.length)==pre)
    obj.src=myarray[parseInt((obj.id).substring(pre.length))+n].src;
    }
    </script>
    <body onload=setimgsrc() onmouseover=chg(9) onmouseout=chg(0)>
    <img id=img0>
    <img id=img1>
    <img id=img2>
    <img id=img3>
    <img id=img4>
    <img id=img5>
    <img id=img6>
    <img id=img7>
    <img id=img8>