我要用到javaScript 达到这样的效果 请访问网站 www.thefwa.com   
 就是上面的一个动态的生成子菜单   当鼠标移动到最上面的时候  子菜单会加载出来  图片竖排    用到jquery 求高人指点  一百分啊

解决方案 »

  1.   

    那个效果做的挺搓的 没用到absolute导致整个页面都下滑 不好
      

  2.   

    你去搜索   jquery菜单插件    吧,非常多哦
      

  3.   


    <div id="nav">
    <div id="logo"></div>
    <div id="nav1">
    <ul class="outUl">
    <li>
    1
    <ul class="innerUl">
    <li>11</li>
    </ul>
    </li>
    <li>
    1
    <ul class="innerUl">
    <li>11</li>
    </ul>
    </li>
    <li>
    1
    <ul class="innerUl">
    <li>11</li>
    </ul>
    </li>
    </ul>
    </div>
    <div id="ad"></div>
    </div>
    给nav加鼠标事件,mouseover的时候给nav设一个height,mouseout的时候回复Height.注意取消冒泡事件然后用animate()改变每个outUl的高,改变每个outUl > li的宽度到一个固定的值,也是用animate();让所有innerUl fadeIn(默认不显示).mouseout的时候就反过来.
    至于ad,所有的图片都float:left.然后直接改变ad的宽就可以了,在mouseout恢复的时候用animate()缩小第一个图片的margin-left