JS简单菜单

最新推荐文章于 2024-02-21 16:22:56 发布
最新推荐文章于 2024-02-21 16:22:56 发布
阅读量587 收藏
点赞数
分类专栏： 网络技术之ASP篇 文章标签： action timer function layer menu list
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CHUANGHUI/article/details/2802838
版权
<html>
<head>
<title>list menu test</title>
<style type="text/css">
<!--
#Layer1 {
 position:absolute;
 z-index:1;
 background-color: #00FF00;
 visibility:hidden;
}
-->
</style>
</head>
<body>
<div id="Layer1" onMouseOut="ShowDiv(false);" onMouseOver="ShowDiv(true);"><span id="ceshi"></span></div>
<table width="96" height="139" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
    <td id="tr0" onMouseOver="ShowMessager(this,true)" onMouseOut="ShowMessager(this,false)">list menu 0 </td>
  </tr>
  <tr>
    <td id="tr1" onMouseOver="ShowMessager(this,true)" onMouseOut="ShowMessager(this,false)">list menu 1 </td>
  </tr>
  <tr>
    <td id="tr2" onMouseOver="ShowMessager(this,true)" onMouseOut="ShowMessager(this,false)">list menu 2 </td>
  </tr>
</table>
<script>
var intervalID=0;
var Action_Tag=false;
function ShowMessager(objid,action_tag)
{
 getAbsPoint(objid,objid.clientHeight,objid.clientWidth);
 Action_Tag=action_tag;
}
function getAbsPoint(e,h,w)  
{  
     var    x    =    e.offsetLeft,    y    =    e.offsetTop;  
     while(e=e.offsetParent)
     {
        x    +=    e.offsetLeft;  
        y    +=    e.offsetTop;
     }
   ceshi.innerHTML=y+":"+x;
   Layer1.style.top =y+h;
   Layer1.style.left=x+w;
   Layer1.style.visibility='visible';
}
function ShowDiv(action_tag)
{
 Action_Tag=action_tag;
}
function Timer_start()
{
 intervalID=window.setInterval("Timer_action()",1000);
}
function Timer_action()
{
 if(Action_Tag==false)
 {
 //Timer_stop();
 //timeCnt=0;
 Layer1.style.visibility='hidden';
 }
 else
 {
 //timeCnt+=1;
 //Layer1.style.visibility='visible';
 //ceshi.innerHTML+="¥";
 }
}
/*function Timer_stop()
{
 window.clearInterval(intervalID);
} */
//intervalID=window.setInterval("Timer_action()",1000);
Timer_start();
</script>
</body>
</html>
LiceJade
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现页面右键菜单
Sun_blog
05-17 3635
JS实现页面右键菜单
JavaScript（js）网页–下拉菜单制作
Weco219的博客
06-06 3030
JavaScript（js）网页–下拉菜单制作 在网页的设计中，经常会出现二级下拉菜单，当鼠标经过时，显示二级菜单，鼠标离开时隐藏。例如新浪网
简单原生js代码实现下拉菜单
qq_43710807的博客
07-31 3064
下拉菜单在实际生活中也挺常见的，它实现的js代码与tab选卡，手风琴几乎一样，在此不过多赘述。 我仿照苏宁易购官网写了一个下拉菜单，实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte...
js html实现的简单右键菜单,Javascript实现的简单右键菜单类
weixin_30733115的博客
06-05 220
本文实例讲述了Javascript实现的简单右键菜单类。分享给大家供大家参考。具体如下：这是自己写的一个右键菜单类，屏蔽掉了IE固有的右键菜单，一共有四个参数：第一个是出发显示右键菜单的div的id第二个是右键菜单这个层的id，根据这个id去创建一个新的层，menuList是菜单项的列表，对应了点击一个菜单项后触发的函数，classList是菜单的class名称，以及菜单项对应的class名称，包...
js实现下拉菜单
qq_56363153的博客
02-15 5769
一个简单的鼠标经过实现下拉菜单的小案例（html+css+js）（仅供参考，有不足之处欢迎留言！！） 效果展示： HTML代码段： <div class="box"> <div class="logo"> Linbo~ </div> <div class="item"> <ul class="mulu"> &l
javascript案例10——下拉菜单
努力、拼搏、奋进
05-07 8336
一、案例描述 鼠标经过导航栏出现下拉菜单。 二、案例效果演示 三、案例局部代码 css代码： <style> * { margin: 0; padding: 0; } a { text-decoration: none; color: #000; } ul { list-style: none; } .nav { text-align: center;
js内嵌菜单 html,html：原生javascript+css实现折叠层级菜单
weixin_39878989的博客
06-07 514
前言今天来跟大家分享一下如何制作一个网页中的左侧菜单，这个功能对于网页来说也是常用的功能之一，相当于书签一样的功能。那么今天我们就来说一说如何实现一个折叠层级菜单的功能。那么折叠层级菜单长什么样？下面我们来直观的看一下，如下图所示就是一个简单的层级菜单，共有四个菜单选项，选择哪一个选项就对应地菜单下面相应的内容，如下截图所示：那么对于这样的层级菜单如何实现呢？用原生的javascript+css就...
layui用js渲染菜单
最新发布
红尘残雪
02-21 976
/导航的hover效果、二级菜单等功能，需要依赖element模块。
使用js实现简单的下拉菜单
qq_52622178的博客
08-05 5584
全部代码如下，详细注释已在代码注释中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
JavaScript简单下拉菜单实例代码
10-23
在这个实例中，我们将探讨如何使用JavaScript和CSS来创建一个简单的下拉菜单，并实现渐显效果。 首先，HTML结构是构建下拉菜单的基础。在这个例子中，我们看到使用了`<div>`元素来组织菜单，其中`<dt>`表示菜单项，...
JavaScript简单下拉菜单特效
10-21
JavaScript简单下拉菜单特效是通过JavaScript编程语言实现的动态交互效果，使得用户在选择一项时，能够自动触发关联的下拉选项，提供更便捷的操作。本文将详细介绍如何使用JavaScript实现这种联动的下拉菜单特效。 ...
js实现简单的联动菜单效果
11-26
在本文中，我们将讨论如何使用JavaScript实现一个简单的联动菜单效果。联动菜单通常指的是两个或多个下拉菜单之间存在关联，当一个菜单的选择发生变化时，另一个菜单的内容会相应更新。 在网页设计中，联动菜单能够...
JS简单实现自定义右键菜单实例
11-26
本文将详细介绍如何使用JavaScript实现这样一个自定义右键菜单的实例。 首先，我们需要创建一个用于展示自定义菜单的HTML元素。在这个例子中，我们使用一个`<div>`元素，并将其ID设置为"menu"，以便后续通过...
JavaScript案例-js伸缩二级菜单
02-16
在这个“JavaScript案例-js伸缩二级菜单”的主题中，我们将深入探讨如何使用JavaScript来创建一个响应式的二级菜单，这在网页设计中非常常见，能够提升用户体验。 首先，我们需要理解HTML结构。二级菜单通常由一个...
vb中关于mscal.ocx控件的显示问题
凌冰玉的专栏
03-24 4151
    我们在使用vb编写一个财务录入软件的过程中，为了标准化日期格式的输入，故调用了vb自带的日历控件mscal.ocx；调试过程中，一切显示正常。开发环境为win2003+vb6.0(sp6)。但在移植到win2000环境下进行安装后，惟独此控件调用出来后不能正常显示。采用反注册命令 regsvr32 /u 进行反注册后，重新进入系统，发现可以正常调用。虽然问题已经解决，但是只是停留于“知其然
IIS6.0下ISO 、GHO等文件不能下载问题的解决方法
凌冰玉的专栏
01-20 3341
通常情况下，IIS6.0服务器模式下从80端口下载文件的类型是受限制的，比如ISO、GHO等扩展名格式的文件都是禁止下载的。这些现象是在6.0以前的版本中所没有的，因为IIS6.0中（可能是为了提高安全性）设置了对这方面的限制，所以需要手动添加。具体操作方法如下：1.打开IIS管理器，在本地计算机名上点右键，在弹出的菜单中选择属性（如下图）：        
关于解决ASP环境下防止同一用户重复登录的问题的几种方案（20060110原创）
凌冰玉的专栏
01-10 2069
---凌冰玉   2006.01.10于郑州一、利用access设置临时表，将用户首次登录信息记录下来，每次有用户登录时都首先检验所输入的用户名是否正在使用：global.asa:Sub Application_OnStartapplication("app")="start"End SubSub Application_OnEndEnd Sublogin.asp:          
关于公开会话SESSION值可能存在被“伪装”的不安全性的一点想法
凌冰玉的专栏
03-19 1694
    时下，很多网站及网络管理系统走的是开源的道路。开源，固然很好,可以推动技术、学术交流，促进技术进步；但是往往会有“树大招风”之险，越是开源的东西免不了会为很多人去研究、检测、改进、发展，其健壮性、安全性当然就更高的要求。    与此同时，为了省事，很多人喜欢把开源的系统直接拿来使用，有些只改了小部分的内容，如标题等，而那些具有重要性能的部分继续沿用原来的内容，如检验用户是否登录的sessi
js递归菜单
05-31
以下是一个简单的JS递归菜单的示例代码： HTML代码： ```html <div id="menu"></div> ``` JS代码： ```javascript // 菜单数据 var menuData = [ { name: '菜单1', children: [ { name: '子菜单1' }, { ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值