下滑菜单
来源：互联网 发布：算法分析与设计 答案 编辑：程序博客网 时间：2024/04/30 06:58
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>下滑菜单－www.51windows.Net</title>
<style type="text/css">
.menubar{position:absolute;top:10px;width:100px;height:20px;cursor:default;border-width:1px;border-style:outset;color:yellow;background:#0099cc}
.menu{position:absolute;top:30px;width:140px;display:none;border-width:2px;border-style:outset;border-color:white sliver sliver white;background:yellow;padding:15px}
.menu A{text-decoration:none;color:blue}
.menu A:hover{color:#00ffff}
</style>
<script language="javascript">
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf("_");
var mainID=objID.substring(0,index);
var numID=objID.substring(index+1,objID.length);
if(mainID=="menubar")
{
if(show==1)
{
eval("showMenu("+"menu_"+numID+")");
}
else
{
eval("hideMenu("+"menu_"+numID+")");
}
}
}
var nbottom=0,speed=1;
function displayMenu(obj)
{
obj.style.clip="rect(0 100% "+nbottom+"% 0)";
nbottom+=speed;
if(nbottom<=100)
{
timerID=setTimeout("displayMenu("+obj.id+"),70");
}
else clearTimeout(timerID);
}
function showMenu(obj)
{
obj.style.display="block";
obj.style.clip="rect(0 0 0 0)";
nbottom=5;
displayMenu(obj);
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display="none";
}
function keepMenu(obj)
{
obj.style.display="block";
}
</script>
</head>
<body>
<table border="0" width="400" cellspacing="0" cellpadding="0" style="font-size:15px">
<tr>
<td width="20%">
<div align="center"id="menubar_1" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
教育网站
</div>
</td>
<td width="20%">
<div align="center"id="menubar_2" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
电脑网站
</div>
</td>
<td width="20%">
<div align="center"id="menubar_3" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
免费邮件
</div>
</td>
<td width="20%">
<div align="center"id="menubar_4" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
其它网站
</div>
</td>
</tr>
<tr>
<td width="20%">
<div align="left"id="menu_1" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.cqcas.edu.cn">重庆民政学校</a><br>
<a href="http://www.cqu.edu.cn">重庆大学</a><br>
<a href="http://www.cquc.edu.cn">重庆交通学院</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_2" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.yesky.com">天极网</a><br>
<a href="http://www.cfan.cn.net">电脑爱好者</a><br>
<a href="http://www.intoweb.com.cn">上网杂志</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_3" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.163.com">163电子邮件</a><br>
<a href="http://freemail.263.net">首都在线</a><br>
<a href="http://www.21cn.com">21CN电子邮件</a><br>
<a href="http://www.chinese.com">炎皇在线</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_4" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.sohu.com.cn">搜狐</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
<a href="http://www.cseek.com">搜索客</a><br>
<a href="http://www.sina.com">新浪网</a><br>
<a href="httP;//www.cqcas.edu.cn/user/sailing">远航网站</a>
</div>
</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>下滑菜单－www.51windows.Net</title>
<style type="text/css">
.menubar{position:absolute;top:10px;width:100px;height:20px;cursor:default;border-width:1px;border-style:outset;color:yellow;background:#0099cc}
.menu{position:absolute;top:30px;width:140px;display:none;border-width:2px;border-style:outset;border-color:white sliver sliver white;background:yellow;padding:15px}
.menu A{text-decoration:none;color:blue}
.menu A:hover{color:#00ffff}
</style>
<script language="javascript">
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf("_");
var mainID=objID.substring(0,index);
var numID=objID.substring(index+1,objID.length);
if(mainID=="menubar")
{
if(show==1)
{
eval("showMenu("+"menu_"+numID+")");
}
else
{
eval("hideMenu("+"menu_"+numID+")");
}
}
}
var nbottom=0,speed=1;
function displayMenu(obj)
{
obj.style.clip="rect(0 100% "+nbottom+"% 0)";
nbottom+=speed;
if(nbottom<=100)
{
timerID=setTimeout("displayMenu("+obj.id+"),70");
}
else clearTimeout(timerID);
}
function showMenu(obj)
{
obj.style.display="block";
obj.style.clip="rect(0 0 0 0)";
nbottom=5;
displayMenu(obj);
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display="none";
}
function keepMenu(obj)
{
obj.style.display="block";
}
</script>
</head>
<body>
<table border="0" width="400" cellspacing="0" cellpadding="0" style="font-size:15px">
<tr>
<td width="20%">
<div align="center"id="menubar_1" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
教育网站
</div>
</td>
<td width="20%">
<div align="center"id="menubar_2" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
电脑网站
</div>
</td>
<td width="20%">
<div align="center"id="menubar_3" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
免费邮件
</div>
</td>
<td width="20%">
<div align="center"id="menubar_4" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
其它网站
</div>
</td>
</tr>
<tr>
<td width="20%">
<div align="left"id="menu_1" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.cqcas.edu.cn">重庆民政学校</a><br>
<a href="http://www.cqu.edu.cn">重庆大学</a><br>
<a href="http://www.cquc.edu.cn">重庆交通学院</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_2" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.yesky.com">天极网</a><br>
<a href="http://www.cfan.cn.net">电脑爱好者</a><br>
<a href="http://www.intoweb.com.cn">上网杂志</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_3" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.163.com">163电子邮件</a><br>
<a href="http://freemail.263.net">首都在线</a><br>
<a href="http://www.21cn.com">21CN电子邮件</a><br>
<a href="http://www.chinese.com">炎皇在线</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_4" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.sohu.com.cn">搜狐</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
<a href="http://www.cseek.com">搜索客</a><br>
<a href="http://www.sina.com">新浪网</a><br>
<a href="httP;//www.cqcas.edu.cn/user/sailing">远航网站</a>
</div>
</td>
</tr>
</table>
</body>
</html>
- 下滑菜单
- 下滑菜单
- jQuery打造动态下滑菜单
- JS下滑菜单，向下滑出二级导航
- 【教程】jQuery打造动态下滑菜单
- 用Jquery方法实现的简单下滑菜单效果
- VC++软件设计界面，类似QQ折叠菜单风格的下滑菜单实例源代码
- 滚粗汉堡菜单，上滑隐藏 下滑出现的 tabbar
- 排名下滑的原因
- wpf去掉下滑线
- 思想狭隘成绩下滑
- Android下滑条ScrollView
- 设置下滑图片
- TextView添加下滑线
- listview去掉下滑线
- ScrollView下滑背景渐变
- TextView实现下滑查看
- 解决ios 下滑动卡顿
- 学到哪记到哪拉，打字可以增强记忆效率。（广域网技术）
- WINDOWS 经典图书
- 上机签到：信息检索技术 04图档2 第七次
- 凡事要谋定而后动！
- linux驱动入门
- 下滑菜单
- CSharp Code Snippets's Sites
- Socket的阻塞/非阻塞
- javascript 常用代码大全
- 如何使用代码清除IE的自动完成表单
- 使用java读取Excel——poi
- c基础(2)
- 解析人的本性：疑性、善性和勇性
- c基础(3)
