谁那里有下拉菜单的JS，共享一下啊

如题

解决方案 »

  1.   

    http://topic.csdn.net/u/20090712/21/380ce02f-cdb5-42f8-8045-06d03d336f54.htmlhttp://awvke.blog.163.com/blog/static/36535376200851410172128/
      

  2.   

    function showElement(layer){
    var myLayer = document.getElementById(layer);
    if(myLayer.style.display=="none"){
    myLayer.style.display="block";
    myLayer.backgroundPosition="top";
    } else {
    myLayer.style.display="none";
    }
    } window.addEvent('domready', function(){
    //-vertical var mySlide = new Fx.Slide('v-menu2');
    mySlide.hide();
    $('toggle').addEvent('click', function(e){
    e = new Event(e);
    mySlide.toggle();
    e.stop();
    }); });
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>From 西米CC —— ximicc.com</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/home.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="mootools.svn.js"></script>
    <script type="text/javascript">
    function showElement(layer){
    var myLayer = document.getElementById(layer);
    if(myLayer.style.display=="none"){
    myLayer.style.display="block";
    myLayer.backgroundPosition="top";
    } else { 
    myLayer.style.display="none";
    }
    }
    </script><!-- Mootools -->
    <script type="text/javascript">
    window.addEvent('domready', function(){
    //-vertical

    var mySlide = new Fx.Slide('v-menu2');
    mySlide.hide(); 
    $('toggle').addEvent('click', function(e){
    e = new Event(e);
    mySlide.toggle();
    e.stop();
    }); }); 
    </script></head><body>
       <!-- learn_header -->
       <!-- learn_header end -->
                    <!-- learn_content -->
                     <!-- learn_content_left -->
                    <div class="learn_content">
       <div class="learn_content_left">
         <div class="learn_content_left_box">
                        <div class="learn_content_left_menu">
                          <div class="learn_content_left_menu_title"><img src="images/learn_left_menu_icon.jpg" width="10" height="10" /><span style="margin-left:10px;">舆情获知</span></div>
                       <ul id="files">
          <li><a href="learn_All(information).html">全部信息获取</a></li>
         <li><a href="learn_Popu(information).html">热门帖子获取</a></li>
                       <li><a href="#" id="toggle" class="menu_button">专项事件获取</a>
       <div style="clear:both">
       <ul id="v-menu2" class="v-menu">
       <li><a href="p1.html">Technology</a></li>
       <li><a href="p2.html">Design</a></li>
       <li><a href="p3.html">Css Gallery</a></li>
       <li><a href="p4.html">Entertainment</a></li>
       <li><a href="p5.html">Programming</a></li>
       </ul>
       </div>
                     </li>
                       </ul>
                  <!-- # -->
                            <div class="learn_content_left_footer"></div>
                          </div>
                        </div>
                      </div>
                      <!-- learn_content_right -->
                    </div>
                    </div>
                    <!-- learn_content end-->
                                  <!--footer-->
    </body>
    </html>
      

  4.   

    http://www.cnblogs.com/cloudgamer/archive/2009/08/10/FixedMenu.html
      

  5.   

    javascript code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    <title>显隐 </title> 
    <style type="text/css">
    #control{border:1px solid;height:22px;width:30px;background:pink; }</style> <script type="text/javascript">
        function submenu(sid) {
            var objcontrol;
            whichEl = eval("submenu" + sid);
            if (whichEl.style.display == "none") {
                eval("submenu" + sid + ".style.display=\"\";");
                document.getElementById("control").innerHTML = "+";
            }
            else {
                eval("submenu" + sid + ".style.display=\"none\";");
                document.getElementById("control").innerHTML = "-";
            }
        }  
    function canel(){
    event.cancelBubble=true;
    }
    </script>  
    </head>  <body>  
    <div id="menu"> <div id="menuB">  <ul id="menu2">  
     <li>
      <div><p id="control" onclick="submenu(1)"> -</p></div>
      <ul id="submenu1">  
      <li onclick='canel()'> <a href="#">中文内容管理</a> </li>
      <li onclick='canel()'> <a href="#">添加内容 </a> </li>  
      <li onclick='canel()'> <a href="#">内容列表 </a> </li>  
      <li onclick='canel()'> <a href="#">联目管理 </a> </li>  
      </ul>  
     </li>  <li onclick="submenu(2)" > <a>交互管理 </a>  
      <ul id="submenu2">  
      <li onclick='canel()'> <a href="#">招聘公告 </a> </li>  
      <li onclick='canel()'> <a href="#">招聘管理 </a> </li>  
      <li onclick='canel()'> <a href="#">求职管理 </a> </li>  
      <li onclick='canel()'> <a href="#">留言管理 </a> </li>  
      </ul>  
    </li>  </ul>  
    </div>  
    </div>  </body>  
    </html>