利用javascript编写一个简单的网站导航菜单

来源:百度知道 编辑:UC知道 时间:2024/06/22 19:10:09
最近一个客户要求网站导航以javascript编写,边角圆滑,横条式排列(可参见vip.qq.com导航),哪位大侠可以提供下,不胜感激!鼠标触碰后以横条显示下级菜单,只要有这么一个效果就可以了,其它圆弧形式我可以修改.

<html>
<head>
</head>
<script language="javascript">
function show(id)
{
var dd=document.getElementById(id);
dd.style.backgroundColor='#996633';
if(id=="1")
{
showid=document.getElementById("11");
showid.style.visibility="visible"
}
if(id=="2")
{
showid=document.getElementById("12");
showid.style.visibility="visible"
}
if(id=="3")
{
showid=document.getElementById("13");
showid.style.visibility="visible"
}

}
function hidden(id)
{
var dd=document.getElementById(id);
dd.style.backgroundColor='#ffffff';
if(id=="1")
{
showid=document.getElementById("11");
showid.style.visibility="hidden"
}
if(id=="2")