这个菜单 怎么用 高分100

yymzzl 2008-01-26 06:30:31
下面这个菜单我觉得不错 但怎么应用啊 怎么横向显示 ? 再有如果用的话 是不是直接加到<table>里就可以了?
如果2级里的内容需要从数据库里读出来那怎么改啊? 谢谢大家了 着急啊!



<script type="text/javascript">
startList.tag = 0;
function startList(rootObj)
{
var navRoot, i=0;
if(rootObj == '' || rootObj == null) rootObj=document.all.navitree;

try
{
navRoot = rootObj;
if(navRoot==null)
{
alert('null a wrong accoured');
}
else
{
for (i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className ="over";
}
node.onmouseout=function()
{
this.className="out";
}
if(startList.tag==1)
{
node.className = "out";
}
startList(node);
}
else if (node.nodeName=="UL")
{
startList.tag = 1;
startList(node);
}
} //for end
}
} //try end
catch(e)
{
alert(e);
} //catch end
} //startList

window.onload = startList;
</script>

<style type="text/css">
body { font-size: 12px; font-family: 'Courier New';}.navitree
a { display: block; width: 100%; padding: 5px; margin: 1px; text-decoration: none; background: #ffe; color: #000;}
.navitree a:hover { background: #880; color: #fff;}
.navitree { width: 451px;}
.navitree, .navitree ul {
margin: 0px; padding: 0px;
border-bottom: 1px solid #ccc; border-right: #ccc 1px solid;
list-style-type: none;
}
.navitree li {
position: relative; width: 150px; padding: 0px; border-left: #ccc 1px solid;
border-top: #ccc 1px solid; float: left; background: #fff;
}
.navitree li ul li {
position: relative; width: 150px; padding: 0px; border: #ccc 1px solid; border-bottom: 0px;
border-right: 0px; float: left;
}
.navitree li ul {
display: none; position: absolute; left: -1px; top: 26px;
}
.navitree li ul li ul {
position: absolute; left: 149px; top: -1px;
/* Set 1px less than menu width */
}

li.over ul { display: block; visibility: visible;}
li.out ul { visibility: hidden; /* 比用 display:none 效率会高 */}
</style>
<BODY>
<ul id="navitree" class="navitree">
<li><a href="#">home</a></li>
<li>
<a href="#">about ></a>
<ul id="second">
<li><a href="#">history</a></li>
<li><a href="#">team</a></li>
<li><a href="#">offices</a></li>
</ul>
</li>


<li>
<a href="#">services ></a>
<ul>
<li>
<a href="#">web design ></a>
<ul>
<li><a href="#">web design - sub1</a></li>
<li><a href="#">web design - sub2</a></li>
<li><a href="#">web deisgn - sub3</a></li>
</ul>
</li>
</ul>

</li>



</ul>
</BODY>
...全文
70 点赞 收藏 3
写回复
3 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
myvicy 2008-01-26
http://topic.csdn.net/u/20080117/10/1000b9ce-7f1b-4dba-b24a-99cb9b716f50.html
和你这个差不多.
回复
兔子党-连长 2008-01-26
回复
yalan 2008-01-26
给你10个最好的菜单,比你现在找到的这个好多了呵呵
http://www.51flash.cn/wp-content/uploads/0917/cssmenu.rar
回复
相关推荐
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
申请成为版主
帖子事件
创建了帖子
2008-01-26 06:30
社区公告
暂无公告