菜单制作学习一个小东西 原创

提示菜单用的东西，我想学习一下，一个小东西，研究一下

大家好啊

var h,l,t,w,mX,mY,e,srcE,thediv
function showMenu(){
e=window.event?window.event:e;
srcE=e.srcElement?e.srcElement:e.target;
if(!srcE)return;
thediv=document.getElementById('menudiv')
h=srcE.offsetHeight;
w=srcE.offsetWidth;
//alert(h);
l=srcE.offsetLeft+2;
t=srcE.offsetTop+h;
thediv.style.top=t;
thediv.style.left=l;
thediv.style.visibility="visible";
isvisible=true;
}
function hideMenu(){
e=window.event?window.event:e;
srcE=e.srcElement?e.srcElement:e.target;
thediv=document.getElementById('menudiv')
if(!srcE)return;
if(isvisible==true){
mX=e.clientX+document.body.scrollLeft;
mY=e.clientY+document.body.scrollTop;
if((mXparseInt(thediv.style.left)+thediv.offsetWidth)||(mYparseInt(thediv.style.top)+thediv.offsetHeight))
{
thediv.style.visibility="hidden";
isvisible=false;
}
}
}

我们

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 菜单制作学习一个小东西 原创

    提示菜单用的东西,我想学习一下,一个小东西,研究一下 大家好啊 var h,l,t,w,mX,mY,e,srcE,thediv function showMenu(){ e=window.event?window.event:e; srcE=e.srcElement?e.srcElement:e.target; if(!srcE)return; thediv=document.getElementById('menudiv') h=srcE.offsetHeight; w=srcE.offset

  • 一些PHP写的小东西

    一些小东西有时候可能用得上! 1.得到客户端IP地址 function getip(){         if (! empty($_SERVER["HTTP_X_FORWARDED_FOR"])){ //使用代理的情况                 $tip = split(",", $_SERVER["HTTP_X_FORWARDED_FOR"]);                 $cip = $tip[0];         }    

  • python利用不到一百行代码实现一个小siri

    python利用不到一百行代码实现一个小siri

    前言 如果想要容易理解核心的特征计算的话建议先去看看我之前的听歌识曲的文章,传送门:http://www.jb51.net/article/97305.htm 本文主要是实现了一个简单的命令词识别程序,算法核心一是提取音频特征,二是用DTW算法进行匹配.当然,这样的代码肯定不能用于商业化,大家做出来玩玩娱乐一下还是不错的. 设计思路 就算是个小东西,我们也要先明确思路再做.音频识别,困难不小,其中提取特征的难度在我听歌识曲那篇文章里能看得出来.而语音识别难度更大,因为音乐总是固定的,而人类说话常

  • 解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题

    解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题

    在vue的实际开发中往往会遇到公用一个组件的问题,比如有一个菜单中的两个按钮,点击每个按钮调用的是同一个组件,其内容是根据路由的参数的不同来请求不同的内容. 第一步,首先新建一个vue+webpack+vuecli的demo,如下操作: 全局安装vue-cli,vue-cil是vue的脚手架工具,安装命令: npm install -g vue-cli 第二步,进入到工程目录中,创建一个vuedemo的文件夹工程,如下两步操作: cd vue_test_project //进入vue_test_

  • Python创建二维数组实例(关于list的一个小坑)

    0.目录 1.遇到的问题 2.创建二维数组的办法 •3.1 直接创建法 •3.2 列表生成式法 •3.3 使用模块numpy创建 1.遇到的问题 今天写Python代码的时候遇到了一个大坑,差点就耽误我交作业了... 问题是这样的,我需要创建一个二维数组,如下: m = n = 3 test = [[0] * m] * n print("test =", test) 输出结果如下: test = [[0, 0, 0], [0, 0, 0], [0, 0, 0]] 是不是看起来没有一点问

  • 利用java制作一个小的目录查询器的方法

    实例如下: import java.util.*; import javax.swing.*; import java.awt.*; import java.io.*; import java.awt.event.*; class MyWindow{ private Frame f1; private Button bt1; private TextField tx1; private TextArea tx2; MyWindow(){ init(); } public void init(){

  • JS中Eval解析JSON字符串的一个小问题

    之前写过一篇 关于 JSON 的介绍文章,里面谈到了 JSON 的解析.我们都知道,高级浏览器可以用 JSON.parse() API 将一个 JSON 字符串解析成 JSON 数据,稍微欠妥点的做法,我们可以用eval() 函数. JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧. JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包. JSON的规则很简单:

  • 将xml文件作为一个小的数据库,进行学生的增删改查的简单实例

    1.xml文件: <?xml version="1.0" encoding="UTF-8"?><Students> <student id="2"> <name>ttt</name> <age>44</age> </student> <student id="3"> <name>linda2</name

  • 一个小例子解释如何来阻止Jquery事件冒泡

    什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 如何来阻止Jquery事件冒泡? 通过一个小例子来解释 <!DOCTYPE html PUBLIC "-//W3C//D

  • 使用JavaScript实现一个小程序之99乘法表

    使用JavaScript实现一个小程序之99乘法表

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <title>99乘法表</title> <meta charset="utf-8"> </head> <body> <script type="text/javascript"> for (var i = 1; i <= 9; i++) {

随机推荐