内容如文章标题

解决方案 »

  1.   

    这个好做,用window.setInterval(function ,interval)function 是在时间间隔轮询执行的js方法,切换图片src。interval 是设置间隔时间,单位是毫秒。
      

  2.   

    <div id="image_1" style="display:block">置入图片一</div>
    <div id="image_2" style="display:none">置入图片二</div>
    <script language="javascript">
     function show()
    {
    if(document.getelementbyid(image_1").style=="display:block")
    {
        document.getelementbyid(image_1").style=="display:none";
    document.getelementbyid(image_2").style=="display:block";
    }
    else
    {
      document.getelementbyid(image_1").style=="display:block";
    document.getelementbyid(image_2").style=="display:none";
    }
    }
    </script>
      

  3.   

    找两个图片分别命名为1.jpg,2.jpg,然后把下面的代码复制到htm里,和图片放到同一目录。打开htm即可看到
    <html>
    <head><title>轮询替换图标</title></head>
    <script type="text/javascript">
    function interFunc(interval)
    {
        var interval=2000;
        var _timerID = window.setInterval("test();",interval);
    }
    function test()

      var temp = img1.src;
      img1.src = img2.src;
      img2.src = temp;
    }
    </script> 
    <body onload="javascript:interFunc();">
    <table>
    <tr>
    <td><img src="1.jpg" id="img1"></td>
    <td><img src="2.jpg" id="img2"></td>
    </tr>
    </table>
    </body>
    </html>