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

Boolesche Attribute sind spezielle Attribute in HTML, die ohne Wert aktiviert werden. 1. Das boolesche Attribut steuert das Verhalten des Elements dadurch, ob es existiert oder nicht, z. B. deaktiviert das Eingabefeld. 2. Das Arbeitsprinzip besteht darin, das Elementverhalten gemäß der Existenz von Attributen zu ändern, wenn sich der Browser analysiert. 3. Die grundlegende Verwendung besteht darin, Attribute direkt hinzuzufügen, und die erweiterte Verwendung kann über JavaScript dynamisch gesteuert werden. 4. Häufige Fehler denken fälschlicherweise, dass Werte festgelegt werden müssen, und die richtige Schreibmethode sollte präzise sein. 5. Die beste Praxis ist es, den Code präzise zu halten und boolesche Eigenschaften vernünftig zu verwenden, um die Leistung und Benutzererfahrung von Webseiten zu optimieren.

HTML -Code kann mit Online -Validatoren, integrierten Tools und automatisierten Prozessen sauberer sein. 1) Verwenden Sie W3CmarkupValidationService, um den HTML -Code online zu überprüfen. 2) Installieren und konfigurieren Sie die HTMLHINT-Erweiterung in VisualStudioCode zur Echtzeitüberprüfung. 3) Verwenden Sie HTMLTIDY, um HTML -Dateien im Bauprozess automatisch zu überprüfen und zu reinigen.

HTML, CSS und JavaScript sind die Kerntechnologien zum Erstellen moderner Webseiten: 1. HTML Definiert die Webseitenstruktur, 2. CSS ist für das Erscheinen der Webseite verantwortlich.

Die Funktion von HTML besteht darin, die Struktur und den Inhalt einer Webseite zu definieren, und der Zweck besteht darin, eine standardisierte Möglichkeit zur Anzeige von Informationen bereitzustellen. 1) HTML organisiert verschiedene Teile der Webseite über Tags und Attribute wie Titel und Absätze. 2) Es unterstützt die Trennung von Inhalten und Leistung und verbessert die Wartungseffizienz. 3) HTML ist erweiterbar, sodass benutzerdefinierte Tags SEO verbessern können.

Die zukünftigen Trends von HTML sind Semantik und Webkomponenten, die zukünftigen Trends von CSS sind CSS-in-JS und CssShudini, und die zukünftigen Trends von JavaScript sind WebAssembly und serverlos. 1. HTML -Semantik verbessern die Zugänglichkeits- und SEO -Effekte sowie Webkomponenten die Entwicklungseffizienz, aber der Browserkompatibilität sollte die Aufmerksamkeit geschenkt werden. 2. CSS-in-JS verbessert die Flexibilität des Stilmanagements, kann jedoch die Dateigröße erhöhen. CssShudini ermöglicht den direkten Betrieb des CSS -Renderings. 3.Webassembly optimiert die Browser -Anwendungsleistung, verfügt jedoch über eine steile Lernkurve, und serverloses vereinfacht die Entwicklung, erfordert jedoch eine Optimierung von Kaltstartproblemen.

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML definiert die Webseitenstruktur, 2. CSS steuert den Webseitenstil, und 3. JavaScript fügt ein dynamisches Verhalten hinzu. Zusammen bauen sie den Rahmen, die Ästhetik und die Interaktivität moderner Websites auf.

Die Zukunft von HTML ist voller unendlicher Möglichkeiten. 1) Neue Funktionen und Standards umfassen mehr semantische Tags und die Beliebtheit von Webcomponenten. 2) Der Webdesign -Trend entwickelt sich weiterhin für reaktionsschnelles und zugängliches Design. 3) Die Leistungsoptimierung verbessert die Benutzererfahrung durch reaktionsschnelle Bildlade- und faulen Ladetechnologien.

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: HTML ist für die Inhaltsstruktur verantwortlich, CSS ist für den Stil verantwortlich und JavaScript ist für dynamisches Verhalten verantwortlich. 1. HTML definiert die Webseitenstruktur und den Inhalt durch Tags, um die Semantik zu gewährleisten. 2. CSS steuert den Webseitenstil über Selektoren und Attribute, um es schön und einfach zu lesen. 3. JavaScript steuert das Verhalten von Webseiten über Skripte, um dynamische und interaktive Funktionen zu erzielen.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft
