求教:链接点击改变菜单图片

2.<img src="1.gif" width="13" height="13" /> 加ID="img1"
<script lanuage="Javascript">
function turnit(ss)
{
if (ss.style.display=="none")
{ss.style.display="";
document.getElementById('img1').src = '2.gif';
}
else
{ss.style.display="none";document.getElementById('img1').src = '1.gif';
}
}
</script>

解决方案 »

  1.   

    非常感谢duwa789()，代码测试效果很好。效果1出来一并结贴
      

  2.   

    1、点击“菜单一”，菜单一背景图片变为1a.gif。点击“菜单二”，菜单二的背景图片变为2a.gif，同时菜单一变回去1a.gif。
    你这个话是不是说的有问题。改来改去都是1a.gif。
      

  3.   

    多谢楼上的。应该是
    1、点击“菜单一”，菜单一背景图片变为1a.gif。点击“菜单二”，菜单二的背景图片变为2a.gif，同时菜单一变回去1.gif。  想实现的也就是，当点击哪个菜单项，哪个菜单项的背景才发生变化。
      

  4.   

    <html>
    <head>
    <meta http-equiv="content-type" content="type=text/html; charset=gb2312">
    <style>
    </style>
    <script language="JavaScript">
    var selectedMenu = null;
    function onClickColor(obj){
         if(selectedMenu != null || selectedMenu != undefined){
        
         selectedMenu.style.background = selectedMenu.style.background.replace(/a/gi, "");
         }
         selectedMenu = obj;
         obj.style.background = selectedMenu.style.background.replace(/(\d+)\.gif/gi, "$1a.gif");
        }
    </script>
    </head>
    <body>
    <table width="219" border="0" cellspacing="0" cellpadding="0">
    <tr>
                <td ><a href="#" class="b" style="background:url(1.gif);" onclick="onClickColor(this)">菜单一</a></td>
                <td ><a href="#" class="b" style="background:url(2.gif);" onclick="onClickColor(this)">菜单二</a></td>
                <td ><a href="#" class="b" style="background:url(3.gif);" onclick="onClickColor(this)">菜单二</a></td>
     </tr>
    </table></body>
    </html>
      

  5.   

    感谢adverse兄弟。但我怎么一改这个图片的名称就不能用了呢？能帮我做个注释吗？我都不会修改了。非常感谢
      

  6.   

    <html>
    <style>
    </style>
    <script>
    window.onload=function(){
        var links=document.links;
        for(var i=0;i<links.length;i++){
            if(links[i].className=="b"){
                links[i].onclick=change;
            }
        }}
    function change(){
        if(window.bbb)bbb.style.background=bbb.getAttribute("gg");
        this.style.background=this.getAttribute("mm");
        window.bbb=this;
    }
    </script>
    <body>
    <table>
    <tr>
    <td >
    <a href="#" class="b" style="background:url(1.gif)" gg="url(1.gif)" mm="url(1a.gif)">菜单一</a>
    </td>
    <td >
    <a href="#" class="b" style="background:url(2.gif)" gg="url(2.gif)" mm="url(2a.gif)">菜单二</a>
    </td>
    <td >
    <a href="#" class="b" style="background:url(3.gif)" gg="url(3.gif)" mm="url(3a.gif)">菜单三</a>
    </td>
    </tr>
    </table>
    </body>
    </html>