专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

网页头部导航 下拉菜单效果显示,该如何解决

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
网页头部导航 下拉菜单效果显示
弄了一天了,头昏眼花,一会让做PPT,一会让我开会,一会让我做汇报。
今天要把这个下拉菜单弄好,各位帮帮忙,我弄大半天没弄好。。。呜呜~~~
现在那个导航菜单布局好了,但是怎么能让它鼠标移上去就显示子菜单呢??
请各位帮我改改代码。。。
这是页面:
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=gb2312" /><title>{dede:global.cfg_webname/}</title><meta name="description" content="{dede:global.cfg_description/}" /><meta name="keywords" content="{dede:global.cfg_keywords/}" /><link href="sys.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--.STYLE1 {    color: #FFFFCC;    line-height: 20px;    text-decoration: none;    font-size: 12px;    font-weight: bold;}.zt {font-size: 12px;    line-height: 20px;    color: #003399;    text-decoration: none;}.pagelist li{ float:left; margin-right:3px; list-style-type:none; } -->.clearfix:after{display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}.menu{background:url(../images/bg_2.gif) repeat-x; height:39px;}.menusel{ float:left; position:relative;}.menusel h2{ font-size:14px; font-weight:normal;}.menusel a{text-align:center; width:130px; position:relative; z-index:2;}.menusel a:hover ul li a{ display:block; background-color:#FFFFCC; color:#0000FF;}.position{    position:absolute;    z-index:1;}.menusel ul{width:130px; background:#608ab3;margin-top: -1px; position:relative; z-index:1; display:none;}.menusel .block{ display:block;}.typeul li{border-bottom:1px solid #fff;width:124px; position:relative; float:left; height:25px; line-height:25px; padding-left:6px;}.typeul{  margin-left:0;  }.typeul ul{left:100px; top:0; position:absolute;}.fli{ margin-top:1px;}.menusel .lli{ border:none; }</style></head><body><table width="980" border="0" align="center" cellpadding="0" cellspacing="0" class="bai1">  <tr>    <td width="137" align="left" valign="top"><table width="150" height="22" border="0" cellpadding="0" cellspacing="0" class="STYLE1">      <tr>        <td width="163" height="26" align="left" valign="middle"><font color="#ffffff"">          <script language="JavaScript" type="text/javascript" class="zt">var day="";var month="";var ampm="";var ampmhour="";var myweekday="";var year="";mydate=new Date();myweekday=mydate.getDay();mymonth=mydate.getMonth()+1;myday= mydate.getDate();myyear= mydate.getYear();year=(myyear > 200) ? myyear : 1900 + myyear;if(myweekday == 0)weekday=" 星期日 ";else if(myweekday == 1)weekday=" 星期一 ";else if(myweekday == 2)weekday=" 星期二 ";else if(myweekday == 3)weekday=" 星期三 ";else if(myweekday == 4)weekday=" 星期四 ";else if(myweekday == 5)weekday=" 星期五 ";else if(myweekday == 6)weekday=" 星期六 ";document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);      </script>        </font></td>      </tr>    </table></td>    <td>    <table width="100%" border="0">  <tr>              ##form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST">            <input type="hidden" name="fmdo" value="login" />            <input type="hidden" name="dopost" value="login" />            <input type="hidden" name="keeptime" value="604800" />    <td width="6%">┊</td>    <td width="13%" valign="middle">用户名</td>    <td width="16%" valign="middle"> <input name="userid" type="text" class="bkgg" id="textfield4" size="5" /></td>    <td width="9%" valign="middle">密码</td>    <td width="17%" valign="middle"><input name="pwd" type="text" class="bkgg" id="textfield5" size="5" /></td>    <td width="39%" valign="middle"><input type="image" name="pwd" id="imageField" src="images/denglu.jpg" /></td>     ##/form>  </tr></table>    </td>    <td width="473" align="center" valign="top"></td>  </tr></table><table width="100%" height="163" border="0" cellpadding="0" cellspacing="0">  <tr>    <td align="center" valign="top"><table width="980" height="163" border="0" cellpadding="0" cellspacing="0">      <tr>        <td><img src="images/zcsy0033.jpg" width="980" height="165" /></td>      </tr>    </table>    </td>  </tr></table><table width="980" border="0" align="center" cellpadding="0" cellspacing="0" background="images/zcsy0026.jpg">  <tr>    <td><table width="980" height="1037" border="0" align="center" cellpadding="0" cellspacing="0" class="sybj">      <tr>        <td width="727" align="left" valign="top"><table width="727" border="0" cellpadding="0" cellspacing="0" class="bai3">        <div class="menu">          <tr>            <td width="77" height="39" align="center" class="ye14">                <div class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/index.php"><span class="ye14">首 页</span></a></h2>                </div>            </td>            <td width="108" align="center">                <div id="menu1" class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/plus/view.php?aid=220">委员会介绍</a></h2>                    <div class="position">                        <ul class="clearfix typeul">                          <li><a href="http://www.865171.cn">简介</a></li>                          <li><a href="http://www.865171.cn">章程</a></li>                          <li><a href="http://www.865171.cn">工作条例</a></li>                          <li class="lli"><a href="http://www.865171.cn">组织结构</a></li>                        </ul>                    </div>                </div>            </td>            <td width="110" align="center">                <div id="menu2" class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=72">委员会工作</a></h2>                    <div class="position">                        <ul class="clearfix typeul">                          <li><a href="http://www.865171.cn">动态</a></li>                          <li class="lli"><a href="http://www.865171.cn">文件</a></li>                        </ul>                      </div>                </div>            </td>            <td width="85" align="center">                <div id="menu3" class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=76">时事资讯</a></h2>                    <div class="position">                        <ul class="clearfix typeul">                          <li><a href="http://www.865171.cn">国内资讯</a></li>                          <li><a href="http://www.865171.cn">国际资讯</a></li>                        </ul>                     </div>                </div>            </td>            <td width="92" align="center">                <div id="menu4" class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=81">法律法规</a></h2>                    <div class="position">                        <ul class="clearfix typeul">                          <li><a href="http://www.865171.cn">国家法律</a></li>                          <li><a href="http://www.865171.cn">部门规章</a></li>                        </ul>                    </div>                </div>            </td>            <td width="91" align="center">                <div id="menu5" class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=85">防护标准</a></h2>                    <div class="position">                        <ul class="clearfix typeul">                          <li><a href="http://www.865171.cn">国家标准</a></li>                          <li><a href="http://www.865171.cn">行业标准</a></li>                          <li><a href="http://www.865171.cn">国际标准</a></li>                          <li class="lli"><a href="http://www.865171.cn">LA认证</a></li>                        </ul>                    </div>                </div>            </td>            <td width="94" align="center">                <div id="menu6" class="menusel">                    <h2><a href="http://123.124.2.55/" target="_blank">产品展示</a></h2>                </div>            </td>            <td width="70" align="center">                <div id="menu7" class="menusel">                    <h2><a href="{dede:global.cfg_cmsurl/}/plus/list.php?tid=97">专家支持</a></h2>                    <div class="position">                        <ul class="clearfix typeul">                          <li><a href="http://www.865171.cn">专家库</a></li>                          <li><a href="http://www.865171.cn">专家观点</a></li>                          <li class="lli"><a href="http://www.865171.cn">行业论坛</a></li>                        </ul>                    </div>                </div>            </td>          </tr>          </div>        </table>          <table height="8" cellspacing="0" cellpadding="0" width="230" align="center"             border="0">            <tbody>              <tr>                <td height="8"></td>              </tr>            </tbody>          </table>          <table height="8" cellspacing="0" cellpadding="0" width="230" align="center"             border="0">            <tbody>              <tr>                <td height="8"></td>              </tr>            </tbody>          </table>          <table height="8" cellspacing="0" cellpadding="0" width="230" align="center"             border="0">            <tbody>              <tr>                <td height="8"></td>              </tr>            </tbody>          </table>          <table width="728" height="255" border="0" cellpadding="0" cellspacing="0">            <tr>              <td width="717" valign="top" background="images/zcsy0028.jpg"><table width="718" border="0" cellspacing="0" cellpadding="0">                <tr>                  <td width="349" align="center" valign="top"><table width="307" height="245" border="0" cellpadding="0" cellspacing="0">                    <tr>                      <td height="245" valign="top"><div align="center">
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: