| 目录式导航菜单 |
| 作者:小雨 文章来源:本站原创 点击数: 更新时间:2005-6-4 20:24:18 |
|
|
脚本说明:第一步:把如下代码加入<head>区域中 <SCRIPT language=javascript><!-- function out() { if(window.event.toElement.id!="menu" && window.event.toElement.id!="link") menu.style.visibility="hidden"; } //-->
function out1() { if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link") menu1.style.visibility="hidden"; } //--> </SCRIPT>
第二步:把如下代码加入<body>区域中 <div id="back" onmouseout="out()"style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;"> <span id="menubar" onmouseover="menu.style.visibility='visible'"> <font color=red size=2>菜单</span> <div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;"> <a id="link" href="rjxz.htm">软件下载</a> <a id="link" href="yxxz.htm">游戏下载</a> <a id="link" href="hjsj.htm">黄金书籍</a> <a id="link" href="mntk.htm">美女图库</a> <a id="link" href="mp3.htm">MP3金曲</a> <a id="link" href="flash.htm">FLASH</a> </div> </div> <div id="back" onmouseout="out1()"style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;"> <span id="menubar" onmouseover="menu1.style.visibility='visible'"> <font color=red size=2>菜单</span> <div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;"> <a id="link" href="rjxz.htm">软件下载</a> <a id="link" href="yxxz.htm">游戏下载</a> <a id="link" href="hjsj.htm">黄金书籍</a> <a id="link" href="mntk.htm">美女图库</a> <a id="link" href="mp3.htm">MP3金曲</a> <a id="link" href="flash.htm">FLASH</a> </div> </div>
|
|
| 文章录入:小雨 责任编辑:小雨 |
|
上一篇文章: 友情链接导航框 下一篇文章: 重要信息说明脚本 |
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
|
|
|