两张图片交替显示

<body><img src="a.jpg"></body><script language=javascript>
var myinterval=setInterval(pic,100)
var i=1
var img1="a.jpg"
function pic(){
if (img1=="a.jpg"){
img1="b.jpg"
}
else
{
img1="a.jpg"
}
a.src=img1
if (i>10){
window.clearInterval(myinterval)
}
i++}</script>

解决方案 »

  1.   

    <img src="1.gif" onmonseover="this.src='2.gif'" onmonseout="src='1.gif'">
      

  2.   

    第一要先预下载这两张图片，要不然load下一张图片用的时间都不止1秒
    第二用时间切换
      

  3.   


    <head>
    <script language=javascript>
    var myinterval
    var i=1
    var img1="1.jpg"
    var myimage
    function pic()
    {
    if (img1=="1.jpg")
    {
    img1="2.jpg"
    }
    else
    {
    img1="1.jpg"
    }
    myimage.src=img1
    if (i>10)
    {
    window.clearInterval(myinterval)
    }
    i++
    }</script>
    </head><body>
    <img name="sad" src="1.jpg" onclick="myimage=this; i=1; myinterval=setInterval(pic,100);">
    </body>
      

  4.   

    <BODY ONLOAD="soccerOnload()" topmargin="50" leftmargin="20" marginwidth=100 marginheight=50 >
    <DIV ID="soccer1" STYLE="visibility:hidden; position:absolute; left:150; top:200">
    <IMG SRC="1.gif" border="0">
    </DIV>
    <DIV ID="soccer2" STYLE="visibility:visible; position:absolute; left:150; top:200">
    <img src="2.jpg" border="0">
    </DIV>
    </BODY>
    <SCRIPT LANGUAGE="JavaScript">
    var msecs = 100; //设置间隔时间，单位为毫秒
    var counter = 0; 
    function soccerOnload() {
    setTimeout("blink()", msecs);
    }
    function blink() {
    if (counter<=10){    //10 为次数
    soccer1.style.visibility =
    (soccer1.style.visibility == "hidden") ? "visible" : "hidden";
    soccer2.style.visibility =
    (soccer2.style.visibility == "hidden") ? "visible" : "hidden";
    }
    counter +=1;
    setTimeout("blink()", msecs);}
    </SCRIPT>
      

  5.   

    <head>
    <script language=javascript>
    var myinterval
    var i=1
    var img1="1.jpg"
    var myimage
    //预下载这两张图片
    var image1
    var image2
    image1=new Image()
    image2=new Image()
    image1.src="1.jpg"
    image2.src="2.jpg"function pic()
    {
    if (i%2==0)
    {
    myimage.src=image1.src
    }
    else
    {
    myimage.src=image2.src
    }
    if (i>10)
    {
    window.clearInterval(myinterval)
    }
    i++
    }</script>
    </head><body>
    <img name="sad" src="1.jpg" onclick="myimage=this; i=1; myinterval=setInterval(pic,100);">
    </body>