繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP > 用DHTML来模拟实现下拉菜单
- ASP
- 编写通用的asp防注入程序
- vbs(asp)下的Function 语句
- ASP中类Class相关内容的整理资料
- 字符批量替换程序asp服务器版
- 旁注-网站小助手旭方修改免杀asp版
- 用正则表达式写的HTML分离函数
- asp中"无限流"分页程序代码
- asp的一个日期格式化函数
- asp中创建多级目录的两段代码
- asp中去除内容HTML标签的三个function函数
- chr(9)、chr(10)、chr(13)、chr(32)、chr(34)讲解
- 方便的大家admin及admin888 经过 md5加密后16位和32位代码
- 可用的ASP无重复数字随机函数, 数组实现, 并应用于随机显示记录集
- asp动态级联菜单代码
- ASP中经常使用的SQL语句与教程说明
- 实例分析之用ASP编程实现网络内容快速查找的代码
- 服务端 VBScript 与 JScript 几个相同特性的写法与示例
- ASP 环境下 VBS 事件应用 示例代码
- asp 之上传漏洞终结篇
- asp中一段防SQL注入的通用脚本
ASP 中的 用DHTML来模拟实现下拉菜单
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-03 浏览: 188 ::
收藏到网摘: n/a
以前DOS下编写应用程序都要面临着界面编写的,象菜单这些东西也要自己从头到尾都要自己编的,到了win时代,通过事件驱动我们就很容易编写了,何况菜单集成到系统里了,在IE下编写菜单也是基于通过捕获鼠标事件来响应菜单下拉和隐藏的,
我们首先要用表格来显示菜单条,
<table>
<tr>
<td height="9" width="100" align=center bgcolor="#33FFFF" onmouseover="showmenu(menuwenxue)">menu1</td>
<td height="9" width="100" align=center bgcolor="#33FFFF" onmouseover="showmenu(menuxuexi)">menu1</td>
<tr>
<table>
<div id="menuwenxue" style="position:absolute; width:90px; height:115px; z-index:1; left: 245px; top: 75px; visibility: hidden" onmouseout="hidemenu(menuwenxue)">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" onmouseout="hidemenu(menuwenxue)">
<tr>
<td height="10" class="menufont" onmouseover="showmenu(menuwenxue)"> </td>
</tr>
<tr>
<td height="28" align=center class="menufont" bgcolor=#ff00ff onmouseover="showmenu(menuwenxue)"><a href="JavaScript:alert('menu1_item1')">menu1_item1</a></td>
</tr>
<tr>
<td height="31" align=center bgcolor=#ff00ff onmouseover="showmenu(menuwenxue)"><a href="JavaScript:alert('menu1_item2')">menu1_item2</a></td>
</tr>
<tr>
<td height="30" align=center bgcolor=#ff00ff onmouseover="showmenu(menuwenxue)"><a href="JavaScript:alert('menu1_item3')">menu1_item3</a></td>
</tr>
</table>
</div>
<div id="menuxuexi" style="position:absolute; width:90px; height:115px; z-index:1; left: 340px; top: 75px; visibility: hidden" onmouseout="hidemenu(menuxuexi)">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" onmouseout="hidemenu(menuxuexi)">
<tr>
<td height="10" onmouseover="showmenu(menuxuexi)"> </td>
</tr>
<tr>
<td height="27" align=center bgcolor=#ff00ff onmouseover="showmenu(menuxuexi)"><a href="JavaScript:alert('menu2_item2')">menu2_item1</a></td>
</tr>
<tr>
<td height="31" align=center bgcolor=#ff00ff onmouseover="showmenu(menuxuexi)"><a href="JavaScript:alert('menu2_item2')">menu2_item2</a></td>
</tr>
<tr>
<td height="30" align=center bgcolor=#ff00ff onmouseover="showmenu(menuxuexi)"><a href="JavaScript:alert('menu2_item3')">menu2_item3</a></td>
</tr>
</table>
</div>
<Script language="JavaScript">
<!--
function showmenu(menu){
if(menushow)
menushow.style.visibility="hidden"
menushow=menu
menu.style.visibility="visible"
}
function hidemenu(menu){
menu.
评论 (0) All
