<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< >
下拉菜单
</ >
< http-equiv=\"content-Type\" content=\"text/html;charset=utf-8\">
<style type=\"text/css\">
.navi ul {
padding: 0;
list-style-type: none;
}
.navi ul li {
text-align:center;
float: left;
position: relative;
width: 200px;
background-color:#0F8CFF;
}
a {
color: #086808;
text-decoration: none;
}
.navi ul li a {
display: block;
border: 1px solid #fff;
}
.navi ul li ul {
display: none;
left: 0;
}
.navi ul li ul li ul{
position: absolute;
left:200px; top: 0;
}
.navi ul li:hover ul a {
color: yellow;
}
</style>
< type=\"text/ \">
function showNextMenu(obj) {
var nextMenu = obj.getElementsByTagName(\"ul\")[0];
nextMenu.style.display = \"block\";
}
function hideNextMenu(obj) {
var nextMenu = obj.getElementsByTagName(\"ul\")[0];
nextMenu.style.display = \"none\";
}
</ >
</head>
<body>
<div class=\"navi\">
<ul>
<li class=\"li_1\" =\"showNextMenu(this);\" =\"hideNextMenu(this);\">
<a href=\" :;\">
游戏
</a>
<ul>
<li =\"showNextMenu(this);\" =\"hideNextMenu(this);\">
<a href=\" :;\">
传奇
</a>
<ul>
<li>
<a href=\" :;\">
1
</a>
</li>
<li>
<a href=\" :;\">
2
</a>
</li>
<li>
<a href=\" :;\">
3
</a>
</li>
</ul>
</li>
<li>
<a href=\" :;\">
传奇
</a>
</li>
<li>
<a href=\" :;\">
传奇
</a>
</li>
<li>
<a href=\" :;\">
传奇
</a>
</li>
<li>
<a href=\" :;\">
传奇
</a>
</li>
</ul>
</li>
<li class=\"li_1\">
<a href=\" :;\">
游戏
</a>
<ul>
<li>
<a href=\" :;\">
传奇
</a>
</li>
</ul>
</li>
<li class=\"li_1\">
<a href=\" :;\">
游戏
</a>
<ul>
<li>
<a href=\" :;\">
传奇
</a>
</li>
</ul>
</li>
<li class=\"li_1\">
<a href=\" :;\">
游戏
</a>
<ul>
<li>
<a href=\" :;\">
传奇
</a>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
以上所述就是本文的全部内容了，希望大家能够喜欢。
继续阅读与本文标签相同的文章
上一篇 :
前端开发者必须记住的8个css选择器
-
手机信号突然从“4G”变成“E”，是什么意思？客服给出答案
2026-05-14栏目： 教程
-
互联网架起“乌镇式生活”
2026-05-14栏目： 教程
-
微信才是内存“杀手”，别再乱清理，关闭这个功能，手机立马流畅
2026-05-14栏目： 教程
-
手机信号变成E是什么意思？看完专业人士给出的解释后，涨知识了
2026-05-14栏目： 教程
-
关于Word的四个隐藏办公小技巧，你可能一个也不知道，建议收藏！
2026-05-14栏目： 教程