打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
简单的树菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>简单的树菜单</title>
<script type="text/javascript">
var c = null;
function show(d1){
var o = document.getElementById(d1);
if(o != null){
if(o.style.display == 'none'){
o.style.display = 'block';
if(c && c != o){
c.style.display = 'none';
}
c = o;
}else{
o.style.display = 'none'; 
}
}
return false;
}
</script>
<style type="text/css">
<!--
ul {
list-style-image: none;
list-style-type: none;
}
-->
</style>
</head>
<body>
<div>
<ul>
<li style="width:100px;height:25px; background-color:#cccccc;"><a href="" onclick="return show('b')">流行语言</a></li>
<li id="b" style="width:100px;height:100px; background-color:#666666; display:none;">ASP</li>
<li style="width:100px;height:25px; background-color:#cccccc;"><a href="" onclick="return show('c')">经典语言</a></li>
<li id="c" style="width:100px;height:100px; background-color:#666666; display:none;">php</li>
<li style="width:100px;height:25px; background-color:#cccccc;"><a href="" onclick="return show('d')">移动开发</a></li>
<li id="d" style="width:100px;height:100px; background-color:#666666; display:none;">Android</li>
</ul>
</div>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
CSS 菜单举一反三
鼠标 悬浮弹窗
伸缩的菜单
IE中伪类:hover的使用及BUG
display:none与visibility:hidden不同的结果
CSS做的计算器
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服