超酷js导航菜单效果

时间：2022-07-02 14:28:24 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

超酷js导航菜单效果
本文章免费提供一款js导航菜单哦，如果你喜欢这款导航菜单就进来下载吧，好了费话不说多了我们来看看这款下拉效果吧。
<style>
.BorderOn  { 
             margin-left:10px;
             border:1px solid #456789 }
.BorderOff { 
             margin-left:0px;
             border:1px solid #444444 }
A.mBlue:link      {color:#00CCFF; text-decoration:none;}
A.mBlue:visited   {color:#00CCFF; text-decoration:none;}
A.mBlue:active    {color:#00CCFF; text-decoration:none;}
A.mBlue:hover     {color:#FF0000; text-decoration:underline;}
A.mGreen:link     {color:#00FF80; text-decoration:none;}
A.mGreen:visited  {color:#00FF80; text-decoration:none;}
A.mGreen:active   {color:#00FF80; text-decoration:none;}
A.mGreen:hover    {color:#FF0000; text-decoration:underline;}
A.mYellow:link    {color:#FFFF00; text-decoration:none;}
A.mYellow:visited {color:#FFFF00; text-decoration:none;}
A.mYellow:active  {color:#FFFF00; text-decoration:none;}
A.mYellow:hover   {color:#FF0000; text-decoration:underline;}
</style>
</head>

<body>

function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
      }
   }
}

function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
      }
   }
}
</script>
<table cellpadding="0" cellspacing="0" width="100"><tr><td align="center">
<table cellpadding="3" cellspacing="0" bgcolor="#FFCC66" class="BorderOff">
<tr><td><p align="center"><font color="#808080" size="2">首页导航</font></p></td></tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'周杰伦<br>周华健<br>游鸿明<br>陶

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

超酷js导航菜单效果

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程