用<ul>和<li>作了一个菜单,当选择一个菜单后,希望改变该菜单样式,直到选择其他菜单后,该菜单的样式才还原。 请问用JS该怎么写,会的回答一下,不会的也顶一下,不然一会就沉了,拜上!

解决方案 »

  1.   

     function commodity()
        {   
             var ul=document.getElementById("muen");
             var li =ul.getElementsByTagName("li");
             for(var i=0;i<li.length;i++)
             {
                   li[i].onmousemove=function()
                   {
               var div=document.getElementById ("divcalss").getElementsByTagName("div");
               var li1=document.getElementById("muen").getElementsByTagName("li");
                          
                          for(var i=0;i<li1.length;i++ )
                          {
                                     if(li1[i]==this)
                                     {
                                        li1[i].style.background="red";
                                       div[i].style.display="";
                                     }
                                     else{
                                       li1[i].style.background="white";
                                       div[i].style.display="none";
                                     }
                          
                          }
      
                   } 
             }
        }
      
     </script>
     <div  style="width:100%" >
                <ul id="muen" >
                 <li>书籍印品推荐</li>
                 <li>简单印品推荐</li>
              </ul>
             </div>
        <div id="divcalss" style=" border-top:10px">
              <div>
                  123
              </div>
              <div>
                    456
              </div>
         </div>