下面是一个比较常用的菜单样式，我只做出了一个大体框架，样式没有加，大家可以自己设计样式，最终的目的是要弄清楚这种菜单制作的原理即可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>简单菜单</title>
<style>
body{font-size:12px;}
a{text-decoration:none;}
img{border:0}
</style>
<script language="javascript">
function show(str){
var str1 = "td" + str;
var str2 = "show" + str;
document.getElementById("td1").style.background="url('images/l_b_03.gif')";
document.getElementById("td2").style.background="url('images/l_b_03.gif')";
document.getElementById("show1").style.display="none";
document.getElementById("show2").style.display="none";
document.getElementById(str1).style.background="url('images/l_b_05.gif')";
document.getElementById(str2).style.display="block";
}
</script>
</head>
<body>
<table width="159" border="0">
<tr>
<td width="153"> </td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:url(images/l_b_05.gif) no-repeat;cursor:hand;height:27px;line-height:27px;" id="td1" onclick="show(1)"></td>
</tr>
<tr>
<td id="show1">
<table width="100%" border="0">
<tr></tr>
<tr>
<td style=" background:url(images/bg.jpg); height:27px;">
<table width="100%" border="0">
<tr>
<td width="30%" height="27">图标</td>
<td width="70%" ><a href="http://assen.iteye.com/blog/616764">要放的内容</a></td>
</tr>
<tr>
<td width="30%">图标</td>
<td width="70%"><a href="http://assen.iteye.com/blog/616764">要放的内容</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0">
<tr>
<td style="background:url(images/l_b_03.gif) no-repeat;cursor:hand;height:27px;line-height:27px;" id="td2" onclick="show(2)"></td>
</tr>
<tr>
<td id="show2" style="display:none;">
<table width="100%" border="0">
<tr></tr>
<tr>
<td style=" background-color:#CCCCFF;">
<table width="100%" border="0">
<tr>
<td width="27%">图标</td>
<td width="73%"><a href="http://assen.iteye.com/blog/616764">要放的内容</a></td>
</tr>
<tr>
<td width="27%">图标</td>
<td width="73%"><a href="http://assen.iteye.com/blog/616764">要放的内容</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
"Jet Menu 简易菜单"是一个用于网页开发的简单菜单解决方案，主要由CSS样式文件（menujet.css、menu_jet.css）、HTML演示文件（demo_.htm、demo.htm）以及JavaScript脚本文件（menu_jet.js）组成。这个菜单设计旨在...
==========欢迎使用多功能菜单系统=========== ----------------告知用户------------------- ------------------------------------------- 多功能菜单系统, 版本号:4.2 更新内容: ●新增选择音效 ●密码输入...
在Java编程中，创建一个简单的菜单栏是构建用户界面（UI）的基本步骤。这通常涉及到JFrame、JMenuBar和JMenu等组件的使用，这些组件是Java Swing库的一部分。Swing是一个轻量级的GUI工具包，用于在Java应用程序中...
总结来说，"ssh做的简单菜单权限管理"项目是一个基于SSH框架和EasyUI前端的权限管理系统，利用MySQL数据库存储数据，并通过自定义方式实现菜单和权限的控制。通过阅读源码、理解和运行项目，可以深入学习SSH框架的...
这个文件名暗示了这是一个专为网吧设计的简易版游戏菜单程序，它集成了自动更新功能。自动更新对于网吧环境至关重要，因为它能确保所有游戏都能得到及时的补丁和更新，保持最佳运行状态。这种简单型设计可能意味着...
富斯9通简易菜单资料.pdf 知识点总结 菜单功能按钮 * ENT: 退出按钮 * UP: 菜单向上选择 * DOWN: 菜单向下选择 * +: 增加参数的值 * -: 减少参数的值 菜单设置 * 长按 MENU 键进入主菜单设置（大约 2 秒） * ...
"后台管理的简单菜单栏"这个主题聚焦于后台界面中的一个重要元素——菜单栏，它是用户与系统交互的主要途径之一。菜单栏的设计直接影响到系统的易用性和操作效率。 源码在软件开发中扮演着关键角色，它可以让我们...
"jQuery简单菜单下拉代码.zip"这个压缩包提供了一个使用jQuery和CSS3实现的鼠标悬浮滑动下拉二级菜单的示例，对于初学者和开发者来说，这是一个很好的学习资源。 首先，jQuery的核心在于它的选择器、事件处理和DOM...
在iOS应用开发中，设计和实现一个简单的菜单是常见的需求，尤其对于提升用户体验至关重要。"DIDownMenu"可能是这个项目中的主要组件，它提供了一种下拉式菜单的实现方式。下面我们将深入探讨如何在iOS中创建一个简单...
简单游戏主界面的包
简单菜单实例.asm
本示例“简单的j2me菜单选择项”展示了如何利用`GameCanvas`来构建一个基础的菜单系统。`GameCanvas`是J2ME MIDP（Mobile Information Device Profile）库中的一个类，专为游戏和高性能图形设计，它允许开发者直接...
下面是一个完整的示例，展示了如何创建一个简单的上下文菜单，包括一个带有图标的菜单项和一个带有回调函数的菜单项。 ```html <!DOCTYPE html> <title>jQuery上下文菜单插件示例 ...
在LINUX环境下，简易TCP文件传输的C语言源码，有简单的菜单界面
自定义简单的菜单然后再 自定义控件右键菜单最后再在读取进度条时设置光标为忙碌状态。一个labview的小程序
点击 AppBar 右上角的按钮，弹出一个菜单供用户选择。 幸运的是，Flutter 提供给我们了一个 Widget，直接就能实现如上的效果。 PopupMenuButton 还是老规矩，先看官方的说明： Displays a menu when pressed and ...
shell 脚本语言 zennity实例 编写简单菜单对话框 mian 为在linux下 运行的脚本文件 编辑可用vi打开 Zenity 使用手册： http://library.gnome.org/users/zenity/stable/index.html.zh_CN
在这个例子中，我们创建了一个包含一个菜单项的简单菜单。当用户右键点击时，自定义菜单会在鼠标的位置出现，点击菜单项会触发相应的操作。 为了实现多级菜单，我们需要在创建菜单项时加入递归逻辑，根据数据结构...
在LabVIEW编程环境中，创建和使用菜单是提升用户界面交互性的重要手段。...通过深入研究“简单菜单示例_Event实现.vi”，可以学习到如何创建交互式菜单，如何响应用户操作，以及如何组织和设计高效易用的菜单结构。