如何实现图片来回互换功能

    比如一个网页上有多个图片，默认的假设是几张google的图标，我希望点击任何一个图片后变成是BAIDU的图片，再点一下又变回google的图了。
    拿google和baidu举例而已。应该怎么实现？

解决方案 »

  1.   

    呵呵用JS改变当前表格或者当前DIV的text！！
      

  2.   


    <html>
     <head> 
       <title>css world</title>
        <script type="text/javascript">
         <!--
            var imageIndex = 0;
            //有几张图片都写这里吧
            var imgArray = new Array(
               "http://www.baidu.com/img/logo.gif"
               ,"http://www.google.cn/intl/zh-CN/images/logo_cn.gif"
               ,"http://www.hongen.com/pc/img/message.gif"
            );
            function changeImg(){
                imageIndex++;
                if(imageIndex > imgArray.length -1)
                imageIndex = 0;
                document.getElementById("myImg").src = imgArray[imageIndex];
             }
         //-->
        </script>
    </head>
    <body>
    <img style="cursor:pointer" width="100" height="50" id="myImg" src="http://www.baidu.com/img/logo.gif" title="baidu" alt="baidu" onclick="changeImg();"/>
    </body>
    </html>
      

  3.   

    那简单啊，就是onclick="changeImg();"
    这个函数只有你点他，他才改变
    在这里加一个参数：changeImg(this.src);
    那么你的函数里也也弄一个参数
    然后通过判断这个函数进行不同的操作和替换