js触发显示二级导航（一级导航和二级导航分开写）

js触发显示二级导航（一级导航和二级导航分开）（新手写的，记录下自己写js的历程）

上html头部

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<a href="" >硬笔字教程</a>

</div>

</form>

</div>

</div>

</svg>

</span>

<h5>中国历代经典碑帖</h5>

</a>

</svg>

</span>

<h5>选择适合自己的字帖</h5>

</a>

</svg>

</span>

</a>

</svg>

</span>

</a>

</div>

</svg>

</span>

<h5>毛笔书法包含楷书、行书、篆书</h5>

</a>

</svg>

</span>

<h5>硬笔行楷包含硬笔，行楷、行书</h5>

</a>

</svg>

</span>

<h5>硬笔楷书包含笔画、偏旁、结构</h5>

</a>

</svg>

</span>

<h5>少儿硬笔包含坐姿、握笔、运笔</h5>

</a>

</div>

</svg>

</span>

<h5>怎样快速掌握练字技巧</h5>

</a>

</svg>

</span>

<h5>提供业内练字培训班信息</h5>

</a>

</svg>

</span>

<h5>根据练字视频学习常用字写法</h5>

</a>

</svg>

</span>

<h5>硬笔书法练字模板下载</h5>

</a>

</div>

</svg>

</span>

<h5>中国汉字拼音、笔画、笔顺查询</h5>

</a>

</svg>

</span>

<h5>中国繁体字含义解释和查询</h5>

</a>

</svg>

</span>

<h5>中国汉字28个笔画详解</h5>

</a>

</svg>

</span>

<h5>中国四字成语故事，成语解释</h5>

</a>

</div>

</header>

css部分二级导航用绝对定位写，让其展示在一级导航的下面，然后调整好样式进行隐藏，样式我就不写出来了，会的自然懂，不会的百度绝对定位怎么写

上js，这个第一次写，写的有点烂（自己都觉得烂）

//首页耳机导航的隐藏与显示

window.onload=function(){

var dropdown1 = document.getElementById("dropdown1");

var dropdown2 = document.getElementById("dropdown2");

var dropdown3 = document.getElementById("dropdown3");

var dropdown4 = document.getElementById("dropdown4");

var dropdownmenu1 = document.getElementById("dropdownmenu1");

var dropdownmenu2 = document.getElementById("dropdownmenu2");

var dropdownmenu3 = document.getElementById("dropdownmenu3");

var dropdownmenu4 = document.getElementById("dropdownmenu4");

dropdown1.onmouseover= function(){

dropdownmenu1.style.display="block";

}

dropdownmenu1.onmouseover= function(){

dropdownmenu1.style.display="block";

}

dropdownmenu1.onmouseout= function(){

dropdownmenu1.style.display="none";

}

dropdown1.onmouseout= function(){

dropdownmenu1.style.display="none";

}

dropdown2.onmouseover= function(){

dropdownmenu2.style.display="block";

}

dropdownmenu2.onmouseover= function(){

dropdownmenu2.style.display="block";

}

dropdownmenu2.onmouseout= function(){

dropdownmenu2.style.display="none";

}

dropdown2.onmouseout= function(){

dropdownmenu2.style.display="none";

}

dropdown3.onmouseover= function(){

dropdownmenu3.style.display="block";

}

dropdownmenu3.onmouseover= function(){

dropdownmenu3.style.display="block";

}

dropdownmenu3.onmouseout= function(){

dropdownmenu3.style.display="none";

}

dropdown3.onmouseout= function(){

dropdownmenu3.style.display="none";

}

dropdown4.onmouseover= function(){

dropdownmenu4.style.display="block";

}

dropdownmenu4.onmouseover= function(){

dropdownmenu4.style.display="block";

}

dropdownmenu4.onmouseout= function(){

dropdownmenu4.style.display="none";

}

dropdown4.onmouseout= function(){

dropdownmenu4.style.display="none";

}

网站首页 > 前端学习 > js触发显示二级导航（一级导航和二级导航分开写）