我在做个导栏航,菜单如:菜单1  菜单2 菜单3(都是图片)
当打开首页面时,菜单1被选中,其它菜单未被选中
当点击菜单2时,来到菜单2的页面,这时菜单2显示为已选中图片,菜单3或菜单1时为回原图
于此类推
问题出现在这里
怎样使得当我打开首页也,菜单1永远处于选中状态,其它菜单未被选中

解决方案 »

  1.   

    <script>
    function senfe() {
            
         if( document.getElementById("senfe1").src = "button01a.gif"){
            document.getElementById("senfe1").src = "button01a.gif";
        document.getElementById("senfe2").src = "button02.gif";
        document.getElementById("senfe3").src = "button03.gif";
           }
       }
    function sen() {
           if(document.getElementById("senfe2").src = "button01.gif") {
        document.getElementById("senfe1").src = "button01.gif";
        document.getElementById("senfe2").src = "button02a.gif";
        document.getElementById("senfe3").src = "button03.gif";
      }
      }
    function senf() {
      if(document.getElementById("senfe3").src = "button01.gif") {
        document.getElementById("senfe1").src = "button01.gif";
        document.getElementById("senfe2").src = "button02.gif";
        document.getElementById("senfe3").src = "button03a.gif";
      }
    }
    </script>
    <input type="image" id="senfe1" src="button01a.gif" onclick="senfe()">
    <input type="image" id="senfe2" src="button02.gif" onclick="sen()">
    <input type="image" id="senfe3" src="button03.gif" onclick="senf()">每个菜单图片做2个,一个颜色深,一个浅,选种的时候变深,没有被选种的时候颜色为浅