我有两个图片A和B,当在网页上点击A时,换成B。当点击B时换成A,来回更换。
大家谁有实现这种效果的javascript代码?可否提供?

解决方案 »

  1.   

    <img id="a" src="a.gif" onclick="this.src=document.getElementById('b').src" />
    <img id="b" src="b.gif" onclick="this.src=document.getElementById('a').src" />
      

  2.   

    网页上同时只能出现一个图片。例如加载时,显示A,然后点击A,换成显示B,点击B,又换成显示A,以此循环
      

  3.   

    js换图片不现实吧?
    你应该指的是ajax吧?
      

  4.   

    给你个思路!!
    可不是最好的!!
    放在panle控件里面!!
    控制它的显示和影藏
      

  5.   

    以下是我的代码,第一次由A换成B,OK,但再以后,就没什么反应了。
    (html的代码是预先加载A.gif)
    --------------------------------------------------------------------------------------
    //转换排序图标
    function sortImg()
            {  
               if(document.all.sortPic.src="A.gif")
               {
                   document.all.sortPic.src="B.gif";
                   document.all.sortPic.alt="点击此处可进行排序";
               }
               else
                {
                   document.all.sortPic.src="A.gif";
                   document.all.sortPic.alt="点击此处可进行排序";
                }     
    }
      

  6.   

    <script>
    var imgA="http://a.gif/";
    var imgB="http://b.gif/";
    var flag = true;
    function changeImage(obj)
    {
    if (flag)
    {
    obj.src=imgB;

    else 
    {
    obj.src=imgA;
    }
    flag = !flag
    }
    </script>
    <img src="http://a.gif" onclick="changeImage(this)" / >
      

  7.   

    <img id='img' src='a.gif' onclick="if(this.src=='a.gif') this.src='b.gif'; else if(this.src='b.gif') this.src='a.gif';" />
      

  8.   

    <img id="a" src="a.gif" onclick="showImg(this);" / > 
    <img id="b" src="b.gif" onclick="showImg(this);" / >
    function showImg(source)
        {
            var src=source.getAttribute("src");
            
            var path1=document.getElementById("a");
            var path2=document.getElementById("b");
            
            if(src==path1.getAttribute("src"))
            {
                var tempSrc=path2.getAttribute("src");
                path2.setAttribute("src",src);
                path1.setAttribute("src",tempSrc);
            }
            else if(src==path2.getAttribute("src"))
            {
                var tempSrc=path1.getAttribute("src");
                path1.setAttribute("src",src);
                path2.setAttribute("src",tempSrc);
            }
                    
        }