二级导航菜单
来源:互联网 发布:淘宝助理价格怎么弄 编辑:程序博客网 时间:2024/05/17 02:58
<!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 type="text/css">
a {
font-size: 14px;
font-style: normal;
text-decoration: none;
color: #FC0;
text-align: center;
}
a:hover{
font-size: 14px;
font-style: normal;
text-decoration: none;
color: #F00;
}
.selRef{
font-size: 14px;
font-style: normal;
color: #FF0;
}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="610" height="441" border="0" align="center">
<tr>
<th height="62" align="right" valign="bottom" scope="col"><table width="337" border="1" align="right" cellspacing="0" bordercolor="#993399" background="images/menuBK.JPG">
<tr>
<td width="327" scope="col"> <a href ='#' onmousemove= MenuCtrl('论坛中心','subMenu');>论坛中心</a></td>
<td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('勘误发布','subMenu');>勘误发布</a></td>
<td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('作品展示','subMenu');>作品展示</a></td>
<td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('联系我们','subMenu');>联系我们</a></td>
</tr>
</table></th>
</tr>
<tr valign="top">
<td height="373"><table width="606" border="0" align="center">
<tr>
<th width="283" scope="col"> </th>
<th width="313" scope="col"><div id="subMenu" align="left"></div></th>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
<script language="javascript">
var curSel = "";
function MenuCtrl(menuID, divID){
var divObj = document.getElementById(divID);
if (divObj == null)
{
return;
}
switch (menuID)
{
case '论坛中心':
{
divObj.innerHTML = "<a href = '#'>Visual C++ |<a href = '#'> Visual Basic |<a href = '#'> PHP </a>";
curSel ='论坛中心';
break;
}
case '勘误发布':
{
divObj.innerHTML = "<a href = '#'>光盘错误 |<a href = '#'> 文档错误 |<a href = '#'>目录错误 </a>";
curSel = '勘误发布';
break;
}
case '作品展示':
{
divObj.innerHTML = "<a href = '#'>视频学VB |<a href = '#'> 视频学VC |<a href = '#'>视频学Asp.net |<a href='#'> 视频学C# </a>";
curSel = '作品展心';
break;
}
case '联系我们':
{
divObj.innerHTML = "<a href = '#'>OICQ |<a href = '#'> MSN|<a href = '#'> Phone</a>";
curSel ='联系我们';
break;
}
}
}
if (document.all)
{
MenuCtrl('论坛中心', 'subMenu');
}
</script>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二级导航菜单</title>
<style type="text/css">
a {
font-size: 14px;
font-style: normal;
text-decoration: none;
color: #FC0;
text-align: center;
}
a:hover{
font-size: 14px;
font-style: normal;
text-decoration: none;
color: #F00;
}
.selRef{
font-size: 14px;
font-style: normal;
color: #FF0;
}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="610" height="441" border="0" align="center">
<tr>
<th height="62" align="right" valign="bottom" scope="col"><table width="337" border="1" align="right" cellspacing="0" bordercolor="#993399" background="images/menuBK.JPG">
<tr>
<td width="327" scope="col"> <a href ='#' onmousemove= MenuCtrl('论坛中心','subMenu');>论坛中心</a></td>
<td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('勘误发布','subMenu');>勘误发布</a></td>
<td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('作品展示','subMenu');>作品展示</a></td>
<td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('联系我们','subMenu');>联系我们</a></td>
</tr>
</table></th>
</tr>
<tr valign="top">
<td height="373"><table width="606" border="0" align="center">
<tr>
<th width="283" scope="col"> </th>
<th width="313" scope="col"><div id="subMenu" align="left"></div></th>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
<script language="javascript">
var curSel = "";
function MenuCtrl(menuID, divID){
var divObj = document.getElementById(divID);
if (divObj == null)
{
return;
}
switch (menuID)
{
case '论坛中心':
{
divObj.innerHTML = "<a href = '#'>Visual C++ |<a href = '#'> Visual Basic |<a href = '#'> PHP </a>";
curSel ='论坛中心';
break;
}
case '勘误发布':
{
divObj.innerHTML = "<a href = '#'>光盘错误 |<a href = '#'> 文档错误 |<a href = '#'>目录错误 </a>";
curSel = '勘误发布';
break;
}
case '作品展示':
{
divObj.innerHTML = "<a href = '#'>视频学VB |<a href = '#'> 视频学VC |<a href = '#'>视频学Asp.net |<a href='#'> 视频学C# </a>";
curSel = '作品展心';
break;
}
case '联系我们':
{
divObj.innerHTML = "<a href = '#'>OICQ |<a href = '#'> MSN|<a href = '#'> Phone</a>";
curSel ='联系我们';
break;
}
}
}
if (document.all)
{
MenuCtrl('论坛中心', 'subMenu');
}
</script>
</html>
- 横向导航二级菜单
- WordPress 二级导航菜单
- 二级导航菜单
- css 导航二级菜单
- 二级下拉菜单导航
- 二级动态导航菜单特效
- ZENCART遍历二级导航菜单
- ZENCART显示二级菜单导航
- css二级导航菜单效果
- 导航下拉二级菜单特效
- 简单的二级菜单导航
- js横向二级导航菜单
- wordpress建立二级导航菜单
- 二级下拉菜单导航菜单样式
- 纵向导航菜单,点击产生二级菜单
- 一个很好的二级导航菜单
- 简单的二级导航菜单(可折叠)
- 导航,鼠标悬停出现二级菜单
- win32 下 支持浮点的printf系列函数
- C++ STL
- The script to query all Concurrent Programs which used to Purge or Delete
- Shell脚本之awk篇
- POJ-2838-Graph Connectivity
- 二级导航菜单
- UITextField滑动防止被键盘挡住 终极解决方案
- 在屏幕上任意位置显示字符串 基于8086汇编
- PlayFramework Play2 Java 环境搭建入门 eclipse 笔记(1)
- 基于Tomcat的WebSocket
- django配置apache model_python
- 详解大端模式和小端模式
- 转:平时积累的有关MSDN 里ActiveX开发技术的一些链接.
- JMS(java消息服务)学习笔记