jquery高手进，帮我解决如下问题！

本帖最后由 playtang0824 于 2011-05-13 11:07:56 编辑

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <title> new document </title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script type="text/javascript" src="js/jq.js"></script>
    </head>
     <body>
      <script type="text/javascript">
      <!--
    $(document).ready(function(){//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup///Remove outline from links
    $("#menulinks h3").click(function(){
    $(this).blur();
    });//When mouse rolls over
    $("#menulinks li").mouseover(function(){
    $(this).stop().animate({height:'253px'},{queue:false, duration:600, easing: 'swing'})
    });//When mouse is removed
    $("#menulinks li").mouseout(function(){
    $(this).stop().animate({height:'58px'},{queue:false, duration:600, easing: 'swing'})
    });});
      //-->
      </script><style type="text/css"> #menulinks{
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
    right:0;
    top:0;
    }#menulinks li{
    width:120px;
    height:58px;
    float:left;
    color:#191919;
    text-align:center;
    overflow:hidden;
    }#menulinks li h3{
    color:#FFF;
    text-decoration:none;
    font-family:Verdana,微软雅黑;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    padding:0 0 0 32px;
    width:88px;
    height:58px;
    line-height:29px;
    text-align:left;
    margin:0px;
    }
    #menulinks li .downnavlinks{
    margin:0px 0 0 0;
    padding:0;
    width:100%;
    }
    #menulinks li .downnavlinks p{
    margin:0;
    padding:0;
    }
    #menulinks li .downnavlinks p a{
    color:#FFF;
    font-family:微软雅黑;
    font-size:14px;
    font-weight:bold;
    height:28px;
    line-height:28px;
    width:120px;
    text-align:left;
    text-decoration:none;
    }
    #menulinks li .downnavlinks p a:hover{
    color:#FFF;
    border-bottom:1px #fff dashed;
    }
    /*Menu Color Classes*/
    #menulinks .green{background:#6AA63B url('../images/222.png') top left no-repeat;}
    #menulinks .yellow{background:#FBC700 url('../images/333.png') top left no-repeat;}
    #menulinks .red{background:#D52100 url('../images/444.png') top left no-repeat;}
    #menulinks .purple{background:#5122B4 url('../images/555.png') top left no-repeat;}
    #menulinks .blue{background:#0292C0 url('../images/111.png') top left no-repeat;}</style>
    <div id="" style="position:relative;width:800px;height:600px;"><ol id="menulinks">
    <li class="green">
    <h3>01<br />本系概貌</h3>
    <div class="downnavlinks">
    <p><a href="http://hfx.jypc.org/" target="_parent">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></p>
    <p><a href="http://hfx.jypc.org/benxigaimao/xibujianjie/" target="_parent">系部简介</a></p>
    <p><a href="http://hfx.jypc.org/benxigaimao/zhuanyeshezhi/" target="_parent">专业设置</a></p>
    <p><a href="http://hfx.jypc.org/benxigaimao/zuzhijiegou/" target="_parent">组织机构</a></p>
    <p><a href="http://hfx.jypc.org/benxigaimao/huafangdongtai/" target="_parent">化纺动态</a></p>
    </div>
    </li>
    <li class="yellow">
    <h3>02<br />专业建设</h3>
    <div class="downnavlinks">
    <p><a href="http://hfx.jypc.org/zhuanyejianshe/zhuanyewangzhan/" target="_parent">专业网站</a></p>
    <p><a href="http://hfx.jypc.org/zhuanyejianshe/jingpinkecheng/" target="_parent">精品课程</a></p>
    <p><a href="http://hfx.jypc.org/zhuanyejianshe/xingyedongtai/" target="_parent">行业动态</a></p>
    </div>
    </li>
    <li class="red">
    <h3>03<br />党团建设</h3>
    <div class="downnavlinks">
    <p><a href="http://hfx.jypc.org/dangtuanjianshe/dangjiandongtai/" target="_parent">党建动态</a></p>
    <p><a href="http://hfx.jypc.org/dangtuanjianshe/dangkezaixian/" target="_parent">党课在线</a></p>
    <p><a href="http://hfx.jypc.org/dangtuanjianshe/renwufengcai/" target="_parent">人物风采</a></p>
    </div>
    </li>
    <li class="blue">
    <h3>04<br />学生天地</h3>
    <div class="downnavlinks">
    <p><a href="http://hfx.jypc.org/xueshengtiandi/shetuandongtai/" target="_parent">社团动态</a></p>
    <p><a href="http://hfx.jypc.org/xueshengtiandi/xinlifudao/" target="_parent">心理辅导</a></p>
    <p><a href="http://hfx.jypc.org/xueshengtiandi/guanlizhidu/" target="_parent">管理制度</a></p>
    </div>
    </li>
    <li class="purple">
    <h3>05<br />就业指导</h3>
    <div class="downnavlinks">
    <p><a href="http://hfx.jypc.org/jiuyezhidao/xiangguanzhengce/" target="_parent">相关政策</a></p>
    <p><a href="http://hfx.jypc.org/jiuyezhidao/zhaopinxinxi/" target="_parent">招聘信息</a></p>
    <p><a href="http://hfx.jypc.org/jiuyezhidao/zhichangdaohang/" target="_parent">职场导航</a></p>
    </div>
    </li>
    </ol>
    <div id="" style="position:absolute;top:58px;left:0px;z-index:-1;">
    <object width="800" height="600" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="flashgame"><param name="wmode" value="transparent">
    <param value="swf/game.swf" name="movie"><embed width="800" height="600" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="swf/game.swf" style="width: 800px; height: 600px;"></object>
    </div>
    </div> </body>
    </html>
      

  2.   

    呵呵，谢谢，搞定了。虽然弄好了，但是还是不明白是什么问题？是不是就是要设置flash层的div为相对定位？还是easing: 'swing'？？