当前位置: 代码迷 >> Java Web开发 >> jsp中的导航条乱掉了,该如何解决
  详细解决方案

jsp中的导航条乱掉了,该如何解决

热度:215   发布时间:2016-04-17 00:54:22.0
jsp中的导航条乱掉了
在dw中一切都显示正常,没有任何问题。但是我一旦把静态网页中的body之间的东西替换掉jsp中的body之间的东西,并且在jsp中正确的位置引入了样式表以及js文件,引入的代码跟dw中一样的。浏览jsp文件的时候,导航栏就全部乱掉了,样式表对它不起作用了啊,郁闷……求高手指点!这只html代码:
HTML 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=gbk" /><meta name="Keywords" content="标准之路,www.aa25.cn,网页标准布局,DIV+CSS" /><meta name="" content="标准之路,www.aa25.cn,网页标准布局,DIV+CSS" /><meta name="author" content"×××,有问题请到www.68css.cn网站留言" /><meta name="Description" content="本套网页标准布局模板是由标准之路(www.aa25.cn)制作完成,如果您要转载,请保留版权" /><!--引入body样式表--><link href="css/body.css" rel="stylesheet" type="text/css" /><!--引入整体布局样式表--><link href="css/layout.css" rel="stylesheet" type="text/css" /><!--引入图片播放器的脚本--><script language="javascript" type="text/javascript" src="js/flash.js"></script><!--引入下拉菜单的样式及脚本--><link href="css/menu.css" rel="stylesheet" media="screen" type="text/css" /><script src="js/jquery.menu.js" type="text/javascript"></script><script type="text/javascript">        var timeout         = 500;        var closetimer        = 0;        var ddmenuitem      = 0;                function jsddm_open()        {    jsddm_canceltimer();            jsddm_close();            ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}                function jsddm_close()        {    if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}                function jsddm_timer()        {    closetimer = window.setTimeout(jsddm_close, timeout);}                function jsddm_canceltimer()        {    if(closetimer)            {    window.clearTimeout(closetimer);                closetimer = null;}}                $(document).ready(function()        {    $('#jsddm > li').bind('mouseover', jsddm_open);            $('#jsddm > li').bind('mouseout',  jsddm_timer);});                document.onclick = jsddm_close;  </script></head><body><div id="container">  <div id="header">    <table width="100%" height="101" border="0">      <tr>        <td width="18%" rowspan="2">&nbsp;</td>        <td width="82%">&nbsp;</td>      </tr>      <tr>        <td align="center">        <!--菜单开始-->        <div >        <ul id="jsddm">            <li><a href="#">首页</a>                        </li>            <li><a href="#">走进绿宏</a>                <ul>                    <li><a href="#">公司简介</a></li>                    <li><a href="#">组织架构</a></li>                    <li><a href="#">公司文化</a></li>                    <li><a href="#">荣誉资质</a></li>                    <li><a href="#">公司记事</a></li>                </ul>            </li>            <li><a href="#">新闻动态</a>                <ul>                    <li><a href="#">公司动态</a></li>                    <li><a href="#">业界动态</a></li>                </ul>            </li>            <li><a href="#">产品中心</a>                <ul>                    <li><a href="#">&nbsp;桂花&nbsp;</a></li>                    <li><a href="#">&nbsp;香樟&nbsp;</a></li>                    <li><a href="#">&nbsp;更多&nbsp;</a></li>                </ul>            </li>            <li><a href="#">工程案例</a>                <ul>                    <li><a href="#">湿地公园</a></li>                    <li><a href="#">城市道路</a></li>                    <li><a href="#">广场绿化</a></li>                    <li><a href="#">小区绿化</a></li>                    <li><a href="#">设计精品</a></li>                </ul>            </li>            <li><a href="#">园林知识</a>                            </li>            <li><a href="#">材料采购</a>                            </li>            <li><a href="#">人力资源</a>                <ul>                    <li><a href="#">用才理念</a></li>                    <li><a href="#">人才招聘</a></li>                    </ul>            </li>            <li><a href="#">联系我们</a>                <ul>                    <li><a href="#">来访指引</a></li>                    <li><a href="#">联系方式</a></li>                                    </ul>            </li>        </ul>        </div>        </td>      </tr>    </table>  </div>  <div id="mainContent">    <div id="sidebar">This is the sidebar</div>    <div id="content">         </div>  </div>  <div id="footer">    <p align="center">Copyright @ 2011 江西绿宏实业有限公司 All&nbsp;&nbsp;&nbsp;right&nbsp;&nbsp;&nbsp;reseved&nbsp;&nbsp;&nbsp;    <br/><br/>网站地图|网站声明 </p>  </div></div></body></html>
  相关解决方案