去掉是
document.all.图标按纽ID.detachEvent("onmouseover",函数名称);加上是
document.all.图标按纽ID.attachEvent("onmouseover",函数名称);

解决方案 »

  1.   

    <style>
    .overcss {border:1px solid}
    .downcss  {border:2px solid}
    </style>
    <body onload="objdown()">
    <img src="search.gif" id="search" onmousedown="objdown()">
    <img src="user.gif" id="user" onmousedown="objdown()">
    <img src="help.gif" id="help" onmousedown="objdown()">
    <script>
    var img = document.getElementsByTagName("img");
    function objdown(s)
    {
    detachall();
        for(var i=0;i<img.length;i++)
    {
        img[i].attachEvent("onmouseover",overHandler)
    img[i].attachEvent("onmouseout",outHandler)
    }
    if(event.srcElement)
    {    
        event.srcElement.className="downcss"
    event.srcElement.detachEvent("onmouseover",overHandler)
        event.srcElement.detachEvent("onmouseout",outHandler)
    }
    }function detachall()
    {
        for(var i=0;i<img.length;i++)
    {
        img[i].detachEvent("onmouseover",overHandler)
        img[i].detachEvent("onmouseout",outHandler)
    img[i].className=""
        }
    }function overHandler()
    {
        event.srcElement.className="overcss"
    }function outHandler()
    {
    event.srcElement.className=""
    }
    </script>
      

  2.   

    灰豆宝宝.net
    写得非常清楚。
      

  3.   

    修改一下.<style>
    .overcss {border:1px solid}
    .downcss  {border:2px solid}
    </style>
    <body onload="objdown()">
    <!--把导航栏的图标放在table,id=tb内就行了.-->
    <table id="tb">
    <tr><td>
    <img src="search.gif" id="search" onmousedown="objdown()">
    <img src="user.gif" id="user" onmousedown="objdown()">
    <img src="help.gif" id="help" onmousedown="objdown()">
    </td></tr>
    </table>
    <br>
    <img src="baby.gif">
    <script>
    var img = tb.getElementsByTagName("img");
    function objdown(s)
    {
        detachall();
        for(var i=0;i<img.length;i++)
        {
           img[i].attachEvent("onmouseover",overHandler)
           img[i].attachEvent("onmouseout",outHandler)
       }
       if(event.srcElement)
       {    
          event.srcElement.className="downcss"
          event.srcElement.detachEvent("onmouseover",overHandler)
          event.srcElement.detachEvent("onmouseout",outHandler)
       }
    }function detachall()
    {
        for(var i=0;i<img.length;i++)
       {
           img[i].detachEvent("onmouseover",overHandler)
           img[i].detachEvent("onmouseout",outHandler)
           img[i].className=""
        }
    }function overHandler()
    {
        event.srcElement.className="overcss"
    }function outHandler()
    {
       event.srcElement.className=""
    }
    </script>
      

  4.   

    to:wanghr100(灰豆宝宝.net)
    我不是用的CSS。
    我是用的图片(正常显示时是一个图片,高亮显示时是另一个图片(当然onmouseover时也是这个图片))。该怎么办??多谢你!!
      

  5.   

    function objdown(s)
    中s有什么作用啊??<body onload="objdown()">没有此函数objdown()啊??
    只有带一个参数的函数objdown(s)多谢!!
      

  6.   

    只有带一个参数的函数objdown(s)  //测试时候用的.后来去掉了,不要加参数啦.
    图片
    search.gif  初始状态
    search_over.gif 鼠标移过.
    search_down.gif 鼠标按下.<body onload="objdown()">
    <!--把导航栏的图标放在table,id=tb内就行了.-->
    <table id="tb">
    <tr><td>
    <img src="search.gif" id="search" onmousedown="objdown()">
    <img src="user.gif" id="user" onmousedown="objdown()">
    <img src="help.gif" id="help" onmousedown="objdown()">
    </td></tr>
    </table>
    <br>
    <img src="baby.gif">
    <script>
    var img = tb.getElementsByTagName("img");
    function objdown()
    {
        detachall();
        for(var i=0;i<img.length;i++)
        {
           img[i].attachEvent("onmouseover",overHandler)
           img[i].attachEvent("onmouseout",outHandler)
       }
       if(event.srcElement)
       {    
          var id = event.srcElement.id;
          event.srcElement.src=id+"_down.gif"
          event.srcElement.detachEvent("onmouseover",overHandler)
          event.srcElement.detachEvent("onmouseout",outHandler)
       }
    }function detachall()
    {
        for(var i=0;i<img.length;i++)
       {
           var id = img[i].id
           img[i].detachEvent("onmouseover",overHandler)
           img[i].detachEvent("onmouseout",outHandler)
           img[i].src=id+".gif";
        }
    }function overHandler()
    {
          var id = event.srcElement.id;
          event.srcElement.src=id+"_over.gif"
    }function outHandler()
    {
       var id = event.srcElement.id;
       event.srcElement.src=id+".gif";
    }
    </script>