求大侠帮忙挖一段代码

examples -->  nav-bar styel 的那个例子

解决方案 »

  1.   

    http://users.tpg.com.au/j_birch/plugins/superfish/#download 里面不是有压缩包下载吗？
      

  2.   

    应该是这个吧,2个CSS,3个JS文件
    <!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>superfish</title>
    <link rel="stylesheet" type="text/css" media="screen" href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish-navbar.css" />
    <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/assets/js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/hoverIntent.js"></script>
    <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script>
    <script type="text/javascript"> 
        $(document).ready(function(){ 
            $("ul.sf-menu").superfish({ 
                pathClass:  'current' 
            }); 
        }); 
    </script>
    </head>
    <body>
    <ul id="sample-menu-4" class="sf-menu sf-navbar">
      <li>
          <a class="sf-with-ul" href="#">long menu item<span class="sf-sub-indicator"> &#187;</span></a>
          <ul>
              <li><a href="#">subitem 1a</a></li>
              <li><a href="#">subitem 1b</a></li>
              <li><a href="#">subitem 1c</a></li>
              <li><a href="#">subitem 1d</a></li>
          </ul>
      </li>
      <li class="current">
          <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
          <ul>
              <li>
                  <a class="sf-with-ul" href="#">subitem 2a<span class="sf-sub-indicator"> &#187;</span></a>
                  <ul>
                      <li><a href="#">menu item</a></li>
                      <li><a href="#aba">menu item</a></li>
                      <li><a href="#abb">menu item</a></li>
                      <li><a href="#abc">menu item</a></li>
                      <li><a href="#abd">menu item</a></li>
                  </ul>
              </li>
              <li class="current">
                  <a class="sf-with-ul" href="#">path to current<span class="sf-sub-indicator"> &#187;</span></a>
                  <ul>
                      <li><a href="#">menu item</a></li>
                      <li><a href="#aba">menu item</a></li>
                      <li><a href="#abb">menu item</a></li>
                      <li class="current"><a href="#abc">current page</a></li>
                      <li><a href="#abd">menu item</a></li>
                  </ul>
              </li>
              <li>
                  <a class="sf-with-ul" href="#">subitem 2c<span class="sf-sub-indicator"> &#187;</span></a>
                  <ul>
                      <li><a href="#">menu item</a></li>
                      <li><a href="#aba">menu item</a></li>
                      <li><a href="#abb">menu item</a></li>
                      <li><a href="#abc">menu item</a></li>
                      <li><a href="#abd">menu item</a></li>
                  </ul>
              </li>
              <li><a href="#">subitem 2d</a></li>
          </ul>
      </li>
      <li>
          <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
          <ul>
              <li><a href="#">if no subitems, duplicate parent item href and use this as descriptive label</a></li>
          </ul>
      </li>
      <li>
          <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
          <ul>
              <li><a href="#">subitem 4a</a></li>
              <li><a href="#">subitem 4b</a></li>
              <li><a href="#">subitem 4c</a></li>
              <li><a href="#">subitem 4d</a></li>
          </ul>
      </li>
      <li>
          <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
          <ul>
              <li><a href="#">subitem 5a</a></li>
              <li><a href="#">subitem 5b</a></li>
              <li><a href="#">subitem 5c</a></li>
              <li><a href="#">subitem 5d</a></li>
          </ul>
      </li>
    </ul>
    </body>
    </html>
      

  3.   

    我觉得它的JS文件没有全部用到吧，自己再弄一下，谢谢Free_Wind22 兄~~~~~~~
      

  4.   

    有个中等货色给你
    8js+3css+1html
    要就给个邮箱。。