自动隐藏式菜单

最新推荐文章于 2024-07-17 15:26:15 发布
最新推荐文章于 2024-07-17 15:26:15 发布
阅读量692 收藏
点赞数
分类专栏： SCRIPT 文章标签： javascript 程序开发 function asp menu border

<html xmlns=" http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>自动隐藏式菜单</title>
<style>#dviID
{
 BACKGROUND-COLOR: #66cdaa;
 BORDER-BOTTOM: white 2px outset;
 BORDER-LEFT: white 2px outset;
 BORDER-RIGHT: white 2px outset;
 BORDER-TOP: white 2px outset;
 LEFT: 0px; POSITION: absolute;
 TOP: 0px; VISIBILITY: hidden;
 WIDTH: 200px;
 layer-background-color: #e6e6fa
}
a{font-size:9pt}
a:link{text-decoration:none}
a:hover{text-decoration:none;color:#FFFFFF}
a:visited{text-decoration:none}
.40pt{font-size:40pt;color:#e6e6fa;font-family:文鼎琥珀繁}
</style>
<script language="javascript">
a=null
b=null
c=null
d=null
Netscape4 = (document.layers)?1:0
IE4 = (document.all)?1:0;
function MenuHide()
//菜单隐藏
{
    if(Netscape4)
    {
        clearTimeout(d)
        if( menu.left > menuW*-1+20+10 )
        { 
            menu.left -= 10
            c = setTimeout("MenuHide()", 1)
        }
        else if( menu.left > menuW*-1+20 )
        {
            menu.left--
            c = setTimeout("MenuHide()", 1)
        }
    }
    else
    {
        clearTimeout(d)
        if( menu.pixelLeft > menuW*-1+20+10 )
        {
            menu.pixelLeft -= 10
            c = setTimeout("MenuHide()", 1)
        }
        else if( menu.pixelLeft > menuW*-1+20 )
        {
            menu.pixelLeft--
            c = setTimeout("MenuHide()", 1)
        }
    }
}
function MenuOut()
//菜单显示
{
    if(Netscape4)
    {
        clearTimeout(c)
        if( menu.left < -10)
        {
            menu.left += 4
            d = setTimeout("MenuOut()", 1)
        }
        else if( menu.left < 0)
        {
            menu.left++
            d = setTimeout("MenuOut()", 1)
        }
    }
    else
    {
        clearTimeout(c)
        if( menu.pixelLeftp < -10)
        {
            menu.pixelLeft += 2
            d = setTimeout("MenuOut()", 1)
        }
        else if( menu.pixelLeft < 0 )
        {
            menu.pixelLeft++
            d = setTimeout("MenuOut()", 1)
        }
    }
}
function fireOver()
{
    clearTimeout(b)       
    a = setTimeout("MenuOut()", 10)
}
function fireOut()
{
    clearTimeout(a)
    b = setTimeout("MenuHide()", 10)
}
function Init()
{
    if(Netscape4)
    {
        menu = document.D1
        menuW = menu.document.Width
        menu.left = menu.document.Width*-1+20
        menu.onmouseover = menuOut
        menu.onmouseout = menuIn
     menu.visibility = "visible"
    }
    else if(IE4)
    {
        menu = dviID.style
        menuW = dviID.offsetWidth
        dviID.style.pixelLeft = dviID.offsetWidth*-1+20
        dviID.onmouseover = fireOver
        dviID.onmouseout = fireOut
        dviID.style.visibility = "visible"
    }
}
</script>
</head>
<body οnlοad="Init()" >
<div id="dviID" style="left: 0px; top: 0px" >
<table border="0" width="198" height ="500">
  <tr>
    <td width="13" rowSpan="2"  valign =middle  bgColor="#2e8b57" style="width: 13px"><font color="#00ff99">
    菜<br>
    单
    栏</font></td>
    <td width="175" colspan="2" rowspan="2" valign =middle> <ul>
    <br /><br />
      <li><a href="javascript:void(0)">ASP程序开发</a></li> 
      <li><a href="javascript:void(0)">ASP开发</a></li>
      <li><a href="javascript:void(0)">ASP数据库开发</a></li>
      <li><a href="javascript:void(0)">JSP程序开发</a></li>
      <li><a href="javascript:void(0)">C#程序开发</a></li>
      <li><a href="javascript:void(0)">PHP程序开发</a></li>
    </ul>
    </td>
  </tr>
  <tr>
  </tr>
</table>
</div>
</body>
</html>
wxc137
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓开发--4步实现Menu菜单动态显示隐藏
韦_恩的博客
07-25 707
首先要明白的是： 系统调用onCreateOptionsMenu()之后，它将保留您填充的菜单的一个实例，并且不会再次调用onCreateOptionsMenu()，除非菜单因某种原因无效。 onCreateOptionsMenu()仅用于创建初始菜单状态，而不是在活动生命周期中进行更改。
jQuery响应式导航菜单
06-05
"jQuery响应式导航菜单"是一个非常实用的技术，特别是在移动设备普及的今天，它能确保菜单在不同屏幕尺寸下都能良好地展示和交互。下面将详细阐述这个主题。 首先，响应式设计是指网站能够根据用户的设备和屏幕尺寸...
Qt之界面实现技巧
思索的IT脚印
09-03 1280
总结一下，在开发Qt的过程中的一些技巧！可遇而不可求。。。 一、主界面 1、窗口 最小化 最大化 关闭按钮、显示状态自定义    setWindowFlags(Qt::CustomizeWindowHint);    setWindowFlags(Qt::WindowCloseButtonHint); //只要关闭按钮    setWindowFlags(Qt::WindowFl
vue单页面 全屏 使用 screenfull 实现全屏（左侧菜单栏隐藏）
蓝胖子的博客
03-08 1595
vue单页面 全屏 使用 screenfull 实现全屏（左侧菜单栏隐藏）
认识Windows XP注册表
热门推荐
缘分天空的专栏
03-15 1万+
认识Windows XP注册表1.概述Windows XP注册表实际上是一个庞大的数据库，这个数据库记录了机器软硬件环境的各种信息，对操作系统及应用程序的正常运行至关重要。具体来讲，此数据库包含了Windows系统和应用程序的初始化信息、应用程序和文档文件的关联、硬件设备的说明、状态和属性等数据，操作系统和应用程序会对此数据库进行频繁存取，以保存和获取必要的数据。注册表中的不少数据可直接通过操
jQuery顶部自动隐藏菜单导航.zip
07-11
本项目“jQuery顶部自动隐藏菜单导航”是利用jQuery的强大功能来实现的一种常见网页交互效果，适用于现代网页设计，尤其在响应式布局中非常实用。 在网页设计中，顶部菜单导航通常是用户与网站互动的首要途径。当...
jQuery滚动自动隐藏导航菜单代码.zip
07-11
"jQuery滚动自动隐藏导航菜单代码" 是一种优化网页界面，提高用户体验的技巧，特别是在移动设备上，有限的屏幕空间需要更智能的布局解决方案。 这个代码实现的核心在于利用jQuery库的事件监听和CSS样式控制，来实现...
ASP开发 C#语言 页面设置几个实例 设置为主页 解释型菜单 下拉式菜单 页面整体风格 自动隐藏式菜单 安徽机电职业技术学院 陈伟
06-08
本教程将通过几个实例深入探讨如何使用C#进行ASP页面设置，包括设置主页、创建解释型菜单、设计下拉式菜单、调整页面整体风格以及实现自动隐藏式菜单。这些实例由安徽机电职业技术学院的陈伟老师精心编排，旨在帮助...
漂亮的可以自动显示_隐藏的导航菜单.rar
07-04
总的来说，"漂亮的可以自动显示_隐藏的导航菜单.rar"这个资源提供了关于JavaScript特效和网页菜单设计的实践案例，它涵盖了JavaScript事件处理、CSS3动画和布局、响应式设计以及良好的代码组织原则等多个方面的知识...
漂亮的可以自动显示隐藏的导航菜单(四个)
03-15
5个导航菜单例子，有的是从别的网站提取出来的，有的是自已的，肯定能满中你的需求。有一个还是非常好看的。有左侧的，有上顶下的，还有ASP的。保存着以后用。
微信小程序中的滑动页面隐藏和显示组件功能的实现代码
10-15
主要介绍了微信小程序中的滑动页面隐藏和显示组件功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
jQuery和CSS3可自动隐藏的导航菜单设计
04-25
jQuery和CSS3可自动隐藏的导航菜单设计
导航菜单（可以自动隐藏）
05-22
本人项目的主界面，菜单以导航栏的形式存在，可以自动隐藏和出现。代码下载直接可以用。
初步使用Jquery实现隐藏式菜单
weixin_43803985的博客
07-26 569
（1）引入jquery的文件 （2）代码解释：当鼠标单击含有level1的元素时，给其添加一个名为current的样式，然后将其紧邻后面的元素显示出来，同时将它的父辈元素内部的子元素a都去掉一个为current的class样式，并将紧邻它后面的元素都隐藏 （3）大致效果为 =<!DOCTYPE html> <html> <head> <meta...
JS自动隐藏的菜单
weixin_34119545的博客
05-07 182
代码简介： 本例程实现了自动能够隐藏菜单的效果，菜单效果变化的实现方法，对不同浏览器的支持，对鼠标移动的函数响应，统一格式的生成方法。 代码内容: <html> <head> <title>JS自动隐藏的菜单_网页代码站(www.webdm.cn)</title> <SCRIPT language=JavaScript&...
制作可以自动隐藏的弹出式菜单
zyl910的专栏
12-06 2335
关键在于对WM_ENTERIDLE消息的处理在菜单状态下移动鼠标会产生WM_ENTERIDLE消息这时用TempPoint、WindowFromPoint可以取得当前鼠标所指窗体的句柄再用GetClassName取得类名，与"#32768"（菜单窗体的类名）进行比较再等待1秒钟，用keybd_event发送VK_ESCAPE取消菜单状态但是还是有一个的缺点：无法在鼠标不移动的时候自动隐藏这时需
js实现简单的隐藏导航菜单动态显示
TuFu_ooo的博客
10-16 3176
js实现简单的隐藏导航菜单动态显示
微信小程序菜单实现
weixin_34360651的博客
07-09 1765
最近一个月都在做微信小程序，作为一个Android开发者，在这一个月很少写Android的代码，真是悲催，好在现在已经完整的把小程序做完了，下周就继续开始我的Android生涯了，现在回过头来写写自己认为比较常见的一些功能的实现，来帮助小程序学习爱好者学习参考。今天的这篇文章是关于微信小程序菜单的实现，话不多说，上图。 menu1.gif 源码传送门 通过效果图，我们看到，窗口最上面是两个菜单按钮...
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
最新发布
OpenTiny的博客
07-17 1021
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
html隐藏式下拉菜单
06-03
下面是一个简单的 HTML 隐藏式下拉菜单的例子： ...<!... 隐藏式下拉菜单 .dropdown { position: relative;... display: inline-block;... 下拉菜单 ... 菜单项1 ...当用户将鼠标移开时，菜单项会自动隐藏。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值