HTML代码
<script></script>
<script>var def=1;</script>
<script></script>
<script>bannerHover("menu-parent",0)</script>
<script></script>
-----------------------------------------------------------------------------------
css样式:
#nav {
width:100%;
height:71px;
font-size:12px;
background-image:url(images/nav.gif);
}
#nav_menu {
width:1003px;
height:36px;
padding-top:7px;
}
#menu_parent {
padding-left:124px;
height:36px;
font-size:12px;
}
#menu_parent li {
height:36px;
line-height:36px;
text-align:center;
float:left;
list-style:none;
}
#menu_parent .nav_li01 {
width:93px;
}
#nav ul .nav_li02 {
width:1px;
background:url(images/nav_gd_bg.gif) no-repeat;
}
.nav_li01 a:link, .nav_li01 a:visited {
color:#FFF;
text-decoration:none;
display:block;
}
.nav_li01 a:hover, .nav_li01 a:active {
color:#CCC;
text-decoration:none;
background:url(images/nav_hover.gif) no-repeat;
display:block;
}
.nav_li01hover {
width:93px;
height:36px;
line-height:36px;
text-align:center;
display:block;
background:url(../images/nav_hover.gif) no-repeat;
text-decoration:none;
}
.nav_li01hover a:link, .nav_li01hover a:visited {
color:#DDD;
text-decoration:none;
}
/*sub_nav start*/
#sub_nav {
width:100%;
height:28px;
clear:both;
}
#sub_box {
/* width:755px;*/
width:848px;
margin:auto;
height:28px;
padding-left:124px;
padding-right:124px;
}
#sub_box div {
height:28px;
line-height:28px;
color:#999999;
display:none;
}
#sub_box a {
color:#999999;
text-decoration:none;
}
#sub_box a:hover, #sub_box a:active {
color:#EC0000;
}
#son1 {
margin-left:24px;
}
#son2 {
margin-left:112px;
}
#son3 {
margin-left:205px;
}
#son4 {
margin-left:299px;
}
#son5 {
margin-left:395px;
}
#son6 {
margin-left:138px;
}
#son7 {
margin-left:570px;
}
#son8 {
margin-left:675px;
}
#son9 {
margin-left:730px;
}
/*sub_nav end*/
------------------------------------------------------------------------------------
common.js文件:
function ymshow(num)
{
document.getElementById("ymzc").style.display="none";
document.getElementById("ymys").style.display="none";
document.getElementById(num).style.display="block";
}
function bannerHover(name, now) {
var thisul = document.getElementById(name);
var thisli = thisul.getElementsByTagName("li");
var thistotal = thisli.length;
for (var i = 0; i if (i == now) {
thisli[i].className = "dhhover";
thisli[i].onmouseout = function() {
this.className = "dhhover";
}
}
else {
thisli[i].className = "dhMove";
}
}
}
function meiti(num,str) {
document.getElementById("mei01").style.display = "none";
document.getElementById("mei02").style.display = "none";
document.getElementById("MDesign").style.display = "none";
document.getElementById("MInternet").style.display = "none";
document.getElementById(num).style.display = "";
document.getElementById(str).style.display = "";
}
function seoshow(num, str) {
document.getElementById("baiduseo").style.display = "none";
document.getElementById("gugeseo").style.display = "none";
document.getElementById("baiducontent").style.display = "none";
document.getElementById("gugecontent").style.display = "none";
document.getElementById(num).style.display = "";
document.getElementById(str).style.display = "";
}
function bannerHover(name, now) {
var thisul = document.getElementById(name);
var thisli = thisul.getElementsByTagName("li");
var thistotal = thisli.length;
for (var i = 0; i var num=i+1;
if (i == now) {
thisli[i].className = "nav_li01hover";
thisli[i].onmouseout = function() {
this.className = "nav_li01hover";
}
}
else if(num%2==1) {
thisli[i].className = "nav_li01";
}else
{
thisli[i].className = "nav_li02";
}
}
}
--------------------------
m.js文件:
var mcontainm=document.getElementById("menu-parent").getElementsByTagName("a");
var mcontains=document.getElementById("sub_box").getElementsByTagName("div");
for(var mi=0;mi mcontainm[mi].onmouseover=function(){mover(this.id.replace("par",""));}
mcontains[mi].onmouseover=function(){mover(this.id.replace("son",""));}
mcontainm[mi].onmouseout=function(){mout(this.id.replace("par",""));}
mcontains[mi].onmouseout=function(){mout(this.id.replace("son",""));}
}
if(def!=null){document.getElementById("par"+def).className="menuA";document.getElementById("son"+def).style.display="block";}
public.js文件很长 就不发了 但应该与它无关。
回复讨论(解决方案)
光看你这么长的代码,也没排好顺序,估计大家 都晕了……
已经自行解决了

HTML代碼可以通過在線驗證器、集成工具和自動化流程來確保其清潔度。 1)使用W3CMarkupValidationService在線驗證HTML代碼。 2)在VisualStudioCode中安裝並配置HTMLHint擴展進行實時驗證。 3)利用HTMLTidy在構建流程中自動驗證和清理HTML文件。

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

HTML的功能是定義網頁的結構和內容,其目的在於提供一種標準化的方式來展示信息。 1)HTML通過標籤和屬性組織網頁的各個部分,如標題和段落。 2)它支持內容與表現分離,提升維護效率。 3)HTML具有可擴展性,允許自定義標籤增強SEO。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)