js菜单:一个简单的JS菜单



head中写入如下脚本

<script language=\"javascript\" type=\"text/javascript\">

function showmenu(i)
{
for(var j=1;j<=6;j)
{
(ji)
{
eval(\"dv\"+j).style.display = \"block\";
}

{
eval(\"dv\"+j).style.display = \"none\";
}
}
}
function hidden(obj)
{
obj.style.display = \"none\";
}
function FontColor(obj)
{
obj.style.color=\"#ff3300\";

}
function reSetColor(obj)
{
obj.style.color=\"#58595b\";
}

</script>

在 body 中写下如下内容

<table width=\"100%\">
<tr>[Page]
<td>
<table width=\"100%\">
<tr>
<th _disibledevent=> </tr>
</table>
</td>
</tr>


<tr>[Page]
<td id=\"chmenu\" background=\"scrollingback.g\" style=\"height: 39px\">
<div id=\"dv1\" style=\" display:none;\" _disibledevent=> <table>
<tr>
<td style=\"width: 70px;text-align:center\">
<a href=\"../FrameWork/booking/booking.aspx\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">[Page]
<a href=\"../FrameWork/booking/airticket/booking.aspx\" _disibledevent=> <td style=\"width: 70px;text-align:center\">
<a _disibledevent=> </td>
</tr>
</table>


</div>
<div id=\"dv2\" style=\"position:absolute; top:53px; left:355px; height: 39px; display:none;\" _disibledevent=> <table>
<tr>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/querorder.aspx?type=1&state=1\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/qflight.aspx?type=6&state=1\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">
<a _disibledevent=> </td>
</tr>
</table>


</div>
<div id=\"dv3\" style=\"position:absolute; left: 432px; width: 268px; top: 53px; display:none;\" _disibledevent=> <table>
<tr>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/querorder.aspx?type=1&state=2\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/qflight.aspx?type=6&state=1\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">
<a _disibledevent=> </td>
</tr>
</table>


</div>
<div id=\"dv4\" style=\"position:absolute; left: 570px; width: 268px; top: 53px; display:none;\" _disibledevent=> <table>
<tr>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/querorder.aspx?type=1&state=3\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/querorder.aspx?type=1&state=4\" _disibledevent=> </td>
</tr>
</table>
</div>
<div id=\"dv5\" style=\"position:absolute; left: 670px; width: 268px; top: 53px; display:none;\" _disibledevent=> <table>


<tr>
<td style=\"width: 70px;text-align:center\">[Page]
<a href=\"../sys_BookingMessage/qflight.aspx?type=6&state=2\" _disibledevent=> </td>
</tr>
</table>
</div>
<div id=\"dv6\" style=\"position:absolute; left: 600px; width: 268px; top: 53px; display:none;\" _disibledevent=> <table>
<tr>[Page]
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/querorder.aspx?type=1&state=7\" _disibledevent=> </td>
<td style=\"width: 70px;text-align:center\">
<a href=\"../sys_BookingMessage/qflight.aspx?type=6&state=4\" _disibledevent=>


</td>
<td style=\"width: 70px;text-align:center\">[Page]
<a _disibledevent=> </td>
</tr>
</table>
</div>
</td>
</tr>
</table>

Tags:  js下拉菜单代码 js树形菜单 js下拉菜单 js菜单

延伸阅读

最新评论

发表评论