1 つのナビゲーションですべてのドロップダウン列を実装することはできません。助けてください。ありがとうございます_html/css

ディスカッションへの返信 (解決策)

ホームページ

ウェブフロントエンド

htmlチュートリアル

1 つのナビゲーションですべてのドロップダウン列を実装することはできません。助けてください。ありがとうございます_html/css_WEB-ITnose

Jun 24, 2016 pm 12:21 PM

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

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

これが正しい方法です、下に何があるかわかりませんナビゲーション列最初の行が出てこないのはなぜですか? デバッグを手伝ってください~

これは head.htm ファイルです

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=GBK&quot;&gt;&lt;title&gt;{dede:global.cfg_webname/}&lt;/title&gt;&lt;link type=&quot;text/css&quot; href=&quot;{dede:global.cfg_templets_skin/}/images/Stylesnobg.css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot;&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.7.1.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/js.js&quot;&gt;&lt;/script&gt;&lt;script&gt;        function winopen(url) {            top.location = url;        }        function winopennew(url) {            window.open(url,'_top');        }    &lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;table width=&quot;994&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;  &lt;tbody&gt;&lt;tr&gt;    &lt;td&gt;&lt;img src=&quot;images/top_01.gif&quot; width=&quot;994&quot; height=&quot;202&quot;&gt;&lt;/td&gt;  &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;table width=&quot;994&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;  &lt;tbody&gt;&lt;tr&gt;    &lt;td height=&quot;1&quot; bgcolor=&quot;#FFFFFF&quot;&gt;&lt;/td&gt;  &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;    &lt;div class=&quot;top&quot;&gt;        &lt;ul class=&quot;menu&quot;&gt;            &lt;li class=&quot;no_sub&quot;&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/&quot; class=&quot;tablink nosub&quot;&gt;首 页&lt;/a&gt;&lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;商会概况&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shgk/gongshanglianjianjie/&quot;&gt;工商联简介&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shgk/gongshanglianzhangcheng/&quot;&gt;工商联章程&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shgk/gongshanglianlingdao/&quot;&gt;工商联领导&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shgk/zhuyaozhinen/&quot;&gt;主要职能&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shgk/zuzhijiegou/&quot;&gt;组织结构&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shgk/lianxiwomen/&quot;&gt;联系我们&lt;/a&gt;&lt;/li&gt;                &lt;/ul&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;新闻中心&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shdt/tzgg/&quot;&gt;通知公告&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shdt/tongzhigonggao/&quot;&gt;时政要文&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shdt/shiliandongtai/&quot;&gt;市联动态&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/shdt/jicengduanbo/&quot;&gt;基层短波&lt;/a&gt;&lt;/li&gt;                                   &lt;/ul&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a href=&quot;http://www.fzsgsl.gov.cn/html/sysh/&quot;&gt;经济服务&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/sysh/youhaojiaowang/&quot;&gt;政策法规&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/sysh/jiaoyupeiyu/&quot;&gt;教育培训&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/sysh/jiaoyupeiyu/&quot;&gt;对外联络&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/sysh/falvweiquan/&quot;&gt;法律维权&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/sysh/jrfw/&quot;&gt;金融服务&lt;/a&gt;&lt;/li&gt;					                &lt;/ul&gt;                &lt;div class=&quot;hot&quot;&gt;&lt;/div&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;参政议政&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/fwjg/diaoyanxinxi/&quot;&gt;调研信息&lt;/a&gt;&lt;/li&gt;		            &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/fwjg/tianyian/&quot;&gt;提案议案&lt;/a&gt;&lt;/li&gt;		            &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/fwjg/jingyanhuicui/&quot;&gt;经验会碎&lt;/a&gt;&lt;/li&gt;		                            &lt;/ul&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;会员组织&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/yhsh/ruhuizhinan/&quot;&gt;入会指南&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/yhsh/jicengshanghui/&quot;&gt;基层商会&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/yhsh/yidishanghui/&quot;&gt;异地商会&lt;/a&gt;&lt;/li&gt;					                &lt;/ul&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;光彩扶贫&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/qyfc/guangcaigongyishiye/&quot;&gt;光彩事业&lt;/a&gt;&lt;/li&gt;					&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/html/qyfc/xinnongcunjianshe/&quot;&gt;新农村建设&lt;/a&gt;&lt;/li&gt;					                &lt;/ul&gt;                &lt;div class=&quot;new&quot;&gt;&lt;/div&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;非公党建&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/a/feigongdangjian/gongzuojigou/&quot;&gt;工作机构&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/a/feigongdangjian/zhizerenwu/&quot;&gt;工作职能&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/a/feigongdangjian/dangjiandongtai/&quot;&gt;党建动态&lt;/a&gt;&lt;/li&gt;                                   &lt;/ul&gt;            &lt;/li&gt;            &lt;li&gt;            	&lt;a target=&quot;&quot; href=&quot;#&quot; class=&quot;tablink&quot;&gt;会员风采&lt;/a&gt;                &lt;ul&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/a/huiyuanfengcai/lingjunrenwu/&quot;&gt;领军人物&lt;/a&gt;&lt;/li&gt;                    &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.fzsgsl.gov.cn/a/huiyuanfengcai/qiyedongtai/&quot;&gt;企业动态&lt;/a&gt;&lt;/li&gt;                                             &lt;/ul&gt;            &lt;/li&gt;        &lt;/ul&gt;    &lt;/div&gt;&lt;/div&gt;&lt;table width=&quot;994&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;  &lt;tbody&gt;&lt;tr&gt;    &lt;td background=&quot;images/top_03.jpg&quot;&gt;&lt;table width=&quot;100%&quot; height=&quot;29&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;      &lt;tbody&gt;&lt;tr&gt;               &lt;td align=&quot;left&quot;&gt;&lt;iframe src=&quot;weather.htm&quot; width=&quot;280&quot; height=&quot;20&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; hspace=&quot;0&quot; vspace=&quot;0&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; allowtransparency=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;/td&gt;      &lt;/tr&gt;    &lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;  &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

これは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() の使用法も関係します。私の考えによれば、この問題は js を使用する必要があります。まず、すべてのドロップダウンメニューを非表示に設定し、各メニューを相対的に配置してから、クリックまたはマウスの通過時に表示されるようにします。ここで説明します DOM テクノロジー ---getElementById() の使用法。私の考えによれば、この問題は js を使用する必要があります。まず、すべてのドロップダウンメニューを非表示に設定し、各メニューを相対的に配置してから、クリックまたはマウスの通過時に表示されるようにします。ここで説明します DOM テクノロジー ---getElementById() の使用法。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。