一个导航无法实现下拉的全部栏目,求高手帮忙！万分感谢_html/css

首頁

web前端

html教學

一个导航无法实现下拉的全部栏目,求高手帮忙！万分感谢_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:21 PM

http://www.fzsgsl.gov.cn/

http://d.lanrentuku.com/down/js/daohang-928/

正确的本来是这样的，不知道导航的栏目下面一排为何出不来，请各位大哥帮我调试一下~

这是head.htm文件

<!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=GBK"><title>{dede:global.cfg_webname/}</title><link type="text/css" href="{dede:global.cfg_templets_skin/}/images/Stylesnobg.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="css/style.css"><script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><script type="text/javascript" src="js/js.js"></script><script>        function winopen(url) {            top.location = url;        }        function winopennew(url) {            window.open(url,'_top');        }    </script></head><body><table width="994" border="0" align="center" cellpadding="0" cellspacing="0">  <tbody><tr>    <td><img  src="/static/imghwm/default1.png"  data-src="images/top_01.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="一个导航无法实现下拉的全部栏目,求高手帮忙！万分感谢_html/css_WEB-ITnose" ></td>  </tr></tbody></table><table width="994" border="0" align="center" cellpadding="0" cellspacing="0">  <tbody><tr>    <td height="1" bgcolor="#FFFFFF"></td>  </tr></tbody></table>    <div class="top">        <ul class="menu">            <li class="no_sub"><a target="_blank" href="http://www.fzsgsl.gov.cn/" class="tablink nosub">首 页</a></li>            <li>            	<a target="" href="#" class="tablink">商会概况</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shgk/gongshanglianjianjie/">工商联简介</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shgk/gongshanglianzhangcheng/">工商联章程</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shgk/gongshanglianlingdao/">工商联领导</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shgk/zhuyaozhinen/">主要职能</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shgk/zuzhijiegou/">组织结构</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shgk/lianxiwomen/">联系我们</a></li>                </ul>            </li>            <li>            	<a target="" href="#" class="tablink">新闻中心</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shdt/tzgg/">通知公告</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shdt/tongzhigonggao/">时政要文</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shdt/shiliandongtai/">市联动态</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/shdt/jicengduanbo/">基层短波</a></li>                                   </ul>            </li>            <li>            	<a href="http://www.fzsgsl.gov.cn/html/sysh/">经济服务</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/sysh/youhaojiaowang/">政策法规</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/sysh/jiaoyupeiyu/">教育培训</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/sysh/jiaoyupeiyu/">对外联络</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/sysh/falvweiquan/">法律维权</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/sysh/jrfw/">金融服务</a></li>					                </ul>                <div class="hot"></div>            </li>            <li>            	<a target="" href="#" class="tablink">参政议政</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/fwjg/diaoyanxinxi/">调研信息</a></li>		            <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/fwjg/tianyian/">提案议案</a></li>		            <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/fwjg/jingyanhuicui/">经验会碎</a></li>		                            </ul>            </li>            <li>            	<a target="" href="#" class="tablink">会员组织</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/yhsh/ruhuizhinan/">入会指南</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/yhsh/jicengshanghui/">基层商会</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/yhsh/yidishanghui/">异地商会</a></li>					                </ul>            </li>            <li>            	<a target="" href="#" class="tablink">光彩扶贫</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/qyfc/guangcaigongyishiye/">光彩事业</a></li>					<li><a target="_blank" href="http://www.fzsgsl.gov.cn/html/qyfc/xinnongcunjianshe/">新农村建设</a></li>					                </ul>                <div class="new"></div>            </li>            <li>            	<a target="" href="#" class="tablink">非公党建</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/a/feigongdangjian/gongzuojigou/">工作机构</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/a/feigongdangjian/zhizerenwu/">工作职能</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/a/feigongdangjian/dangjiandongtai/">党建动态</a></li>                                   </ul>            </li>            <li>            	<a target="" href="#" class="tablink">会员风采</a>                <ul>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/a/huiyuanfengcai/lingjunrenwu/">领军人物</a></li>                    <li><a target="_blank" href="http://www.fzsgsl.gov.cn/a/huiyuanfengcai/qiyedongtai/">企业动态</a></li>                                             </ul>            </li>        </ul>    </div></div><table width="994" border="0" align="center" cellpadding="0" cellspacing="0">  <tbody><tr>    <td background="images/top_03.jpg"><table width="100%" height="29" border="0" cellspacing="0" cellpadding="0">      <tbody><tr>               <td align="left"><iframe src="weather.htm" width="280" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" allowtransparency="true"></iframe></td>      </tr>    </tbody></table></td>  </tr></tbody></table></body></html>

这是CSS

/*---------------------页面基础定义----------------------------------*/body,td,th {	font-family: Tahoma, Verdana, Arial, sans-serif;	font-size: 12px;	color: #333333;}body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}/*---------------------链接定义----------------------------------*/a {	color: #333333;	text-decoration: none;}a:hover {	color: #FF0000;	text-decoration: none;}a:active{	color: #FF0000;	text-decoration: none;}/*---------------------菜单样式----------------------------------*/#menu{	height:32px;	margin-top:8px; background-color:#990000;}#menu ul{	margin:auto; width:778px; height:32px;	list-style-type:none; padding:0px; margin-top:0px; margin-bottom:0px;}.m_li{	float:left; width:114px; line-height:32px;  text-align:center; margin-right:-2px; margin-left:-2px;}.m_li a{	display:block; color:#FFFFFF; width:114px;}.m_line{	float:left; width:1px; height:32px;	line-height:32px;   /*ff下有效(图片垂直居中)*/}.m_line img{	margin-top:expression(( 32 - this.height ) / 2);   /*ie下有效(图片垂直居中)*/}.m_li_a{	float:left; width:114px; line-height:32px; text-align:center; padding-top:3px; font-weight:bold;	background-image:url(../images/menu_bg.jpg); position:relative; height:32px; margin-top:-3px; margin-right:-2px; margin-left:-2px;}.m_li_a a{	display:block; color:#FF0000; width:114px;}.smenu{	width:774px; margin:0px auto 0px auto; padding:0px; list-style-type:none; height:32px;}.s_li{	line-height:32px; width:auto; display:none; height:32px; }.s_li_a{	line-height:32px; width:auto; display:block; height:32px; }

回复讨论(解决方案)

按照我的思路，这个问题必须用到js，首先将下拉的菜单全部设置成隐藏的，并且对每个菜单进行相对定位，然后用js实现点击出现或者是鼠标经过出现，这里还会涉及到DOM技术---getElementById()的用法。

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML標籤和HTML屬性有什麼區別？May 14, 2025 am 12:01 AM

HTMLtagsdefinethestructureofawebpage,whileattributesaddfunctionalityanddetails.1)Tagslike,,andoutlinethecontent'splacement.2)Attributessuchassrc,class,andstyleenhancetagsbyspecifyingimagesources,styling,andmore,improvingfunctionalityandappearance.

HTML的未來：進化和趨勢May 13, 2025 am 12:01 AM

HTML的未來將朝著更加語義化、功能化和模塊化的方向發展。 1)語義化將使標籤更明確地描述內容，提升SEO和無障礙訪問。 2)功能化將引入新元素和屬性，滿足用戶需求。 3)模塊化將支持組件化開發，提高代碼復用性。

為什麼HTML屬性對Web開發很重要？May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopment forcontrollingBehavior，外觀和功能

Alt屬性的目的是什麼？為什麼重要？May 11, 2025 am 12:01 AM

alt屬性是HTML中標籤的重要部分，用於提供圖片的替代文本。 1.當圖片無法加載時，alt屬性中的文本會顯示，提升用戶體驗。 2.屏幕閱讀器使用alt屬性幫助視障用戶理解圖片內容。 3.搜索引擎索引alt屬性中的文本，提高網頁的SEO排名。

HTML，CSS和JavaScript：示例和實際應用May 09, 2025 am 12:01 AM

HTML、CSS和JavaScript在網頁開發中的作用分別是：1.HTML用於構建網頁結構；2.CSS用於美化網頁外觀；3.JavaScript用於實現動態交互。通過標籤、樣式和腳本，這三者共同構築了現代網頁的核心功能。

如何在標籤上設置lang屬性？為什麼這很重要？May 08, 2025 am 12:03 AM

設置標籤的lang屬性是優化網頁可訪問性和SEO的關鍵步驟。 1)在標籤中設置lang屬性，如。 2)在多語言內容中，為不同語言部分設置lang屬性，如。 3)使用符合ISO639-1標準的語言代碼，如"en"、"fr"、"zh"等。正確設置lang屬性可以提高網頁的可訪問性和搜索引擎排名。

HTML屬性的目的是什麼？May 07, 2025 am 12:01 AM

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior，外觀和互動，使網站互動，響應式，visalalyAppealing.AttributesLikutesLikeSlikEslikesrc，href，href，href，類，類型，類型，和dissabledtransfransformformformformformformformformformformformformformformforment

您如何在HTML中創建列表？May 06, 2025 am 12:01 AM

toCreateAlistInHtml，useforforunordedlistsandfororderedlists：1）forunorderedlists，wrapitemsinanduseforeachItem，RenderingeringAsabulletedList.2）fororderedlists，useandfornumberedlists，useandfornumberedlists，casundfornumberedlists，casundfornthetthetthetthetthetthetthetttributefordforderfordforderforderentnumberingsnumberingsnumberingStys。

See all articles