jQuery水平导航与子菜单向上滚动onmouse

时间:2012-08-24 10:41:22

标签: jquery drop-down-menu

我有一个带有大项目的多个子菜单的水平菜单,当垂直窗口后面的项目到最后一项时,我想在onmouse上向下滚动子菜单。在示例长项目标签项目后面的窗口。 以下是我的代码示例: http://jsfiddle.net/fCFJV/4/

我的代码如下: -

<ul id="firstLevel">
  <li><a href="#">Tab one</a>
     <ul>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
     </ul>
  </li>
  <li class="active"><a href="#" class="active">Tab two</a>
     <ul>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five is a long link that wraps</a></li>
     </ul>
  </li>
  <li><a href="#">three</a>
     <ul>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
     </ul>
  </li>
  <li><a href="#">Long Tab</a>

  <div id="wrap" style="">
     <ul id="lastlevelUL">
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
        <li><a href="#">Link five</a></li>
     </ul>
     </div>

  </li>

我的代码示例: - http://jsfiddle.net/fCFJV/4/

任何想法!??

提前致谢!

0 个答案:

没有答案