本帖最后由 bauterujj 于 2012-10-09 11:02:38 编辑

解决方案 »

  1.   

    图片添加单击事件,操作另一张图片的style.display,=none就是隐藏,block就是显示或者使用jquery的toggle()函数
      

  2.   

    简单又暴力的方法,为img添加onclick事件,替换它的链接地址<html>
    <head>
    <script type="text/javascript">
    var i = 0 ;
    function change()
    {
    var imgBT = document.getElementById('imgBT') ;
    if(i == 0)
    {
    imgBT.src = 'stop.png' ;
    i = 1 ;
    }
    else
    {
    imgBT.src = 'run.png' ;
    i = 0 ;
    }
    }
    </script>
    </head>
    <body>
    <div width="48px" height="48px">
    <img id="imgBT" src='run.png' onclick='change();'/>
    </div>
    </body>
    </html>
      

  3.   

    呃,Lz这思路是不是出了问题?
    两张图片,你单击,显示一张,隐藏另一张,那隐藏的那张你岂非永远点不到了?最直接的方法:
    <img src="1.gif" id="i1" onclick="document.getElementById('i2').style.display='none';"/>
    <img src="2.gif" id="i2" onclick="document.getElementById('i1').style.display='none';"/>
      

  4.   

    <html>
    <head runat="server">
        <title></title>
        <script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $("#divimg img").each(function () {
                    $(this).click(function () {
                        $("#divimg img").show();
                        $(this).hide();
                    });
                });
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="divimg">
            <img src="http://www.baidu.com/img/baidu_sylogo1.gif"/>
            <img src="http://www.google.com.hk/images/srpr/logo3w.png"/>
        </div>
        </form>
    </body>
    </html>
      

  5.   

    隐藏的那个style.display = "none"
    显示的那个 style.display = ""
      

  6.   

    或者jquery中的 hide(),show()
    都可以实现