目錄
一个导航无法实现下拉的全部栏目,求高手帮忙！万分感谢_html/css_WEB-ITnose
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/imghw/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()的用法。
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
<🎜>：種植花園 - 完整的突變指南
3 週前
By DDD
<🎜>：泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
如何修復KB5055612無法在Windows 10中安裝？
3 週前
By DDD
北端：融合系統，解釋
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Mandragora：巫婆樹的耳語 - 如何解鎖抓鉤
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
了解HTML，CSS和JavaScript：初學者指南
Apr 12, 2025 am 12:02 AM
WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
HTML：結構，CSS：樣式，JavaScript：行為
Apr 18, 2025 am 12:09 AM
HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。
HTML，CSS和JavaScript的未來：網絡開發趨勢
Apr 19, 2025 am 12:02 AM
HTML的未來趨勢是語義化和Web組件，CSS的未來趨勢是CSS-in-JS和CSSHoudini，JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果，Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積，CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡，Serverless簡化開發但需優化冷啟動問題。
HTML的未來：網絡設計的發展和趨勢
Apr 17, 2025 am 12:12 AM
HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。
HTML與CSS vs. JavaScript：比較概述
Apr 16, 2025 am 12:04 AM
HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。
HTML：建立網頁的結構
Apr 14, 2025 am 12:14 AM
HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。
HTML與CSS和JavaScript：比較Web技術
Apr 23, 2025 am 12:05 AM
HTML、CSS和JavaScript是構建現代網頁的核心技術：1.HTML定義網頁結構，2.CSS負責網頁外觀，3.JavaScript提供網頁動態和交互性，它們共同作用，打造出用戶體驗良好的網站。
HTML：是編程語言還是其他？
Apr 15, 2025 am 12:13 AM
HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。
