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

原创更新时间：2006年09月11日 00:00:00 原创作者：

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

<html> <head> <title></title> </head> <body> <div id="menudiv" style="z-index:2;position:absolute;visibility:hidden;background-color:green;color:white;">大家好啊</div> <script language="javascript"> 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((mX<parseInt(thediv.style.left))||(mX>parseInt(thediv.style.left)+thediv.offsetWidth)||(mY<parseInt(thediv.style.top-h))||(mY>parseInt(thediv.style.top)+thediv.offsetHeight)) { thediv.style.visibility="hidden"; isvisible=false; } } } </script> <a href="" onmouseover="showMenu()" onmouseout="hideMenu()">脚本之家</a> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

菜单制作学习一个小东西

一篇文章搞定JavaScript类型转换(面试常见)
这篇文章主要介绍了一篇文章搞定JavaScript类型转换(面试常见)，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2017-01-01
Javascript 实现计算器时间功能详解及实例（二）
这篇文章主要介绍了Javascript 实现计算器时间功能详解及实例的相关资料,需要的朋友可以参考下
2017-01-01
js防抖-节流函数的基本实现和补充详解
这篇文章主要介绍了防抖-节流函数的基本实现和补充，文章从基础概念到手写对防抖-节流函数的实现进行讲解，内容详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考下
2023-01-01
JavaScript 使用 splice 方法删除数组元素可能导致的问题分析
这篇文章主要介绍了JavaScript 使用 splice 方法删除数组元素可能导致的问题分析,当在 JavaScript 中从数组中删除元素时，使用 splice 方法时需要谨慎，本文给大家详细讲解，需要的朋友可以参考下
2023-04-04
javascript 实现map集合
本文给大家分享的是个人项目中需要的一个小功能，当时经过一番度娘才实现，现在从项目中拿出来，分享给大家，需要的小伙伴快来参考下吧。
2015-04-04
JavaScript实现数据可视化图表的示例代码
这篇文章主要介绍了如何使用JavaScript创建实时数据可视化图表,我们将使用流行的图表库,如Chart.js,来展示如何将实时数据动态呈现在图表中,感兴趣的可以了解下
2024-01-01
移动前端图片压缩上传的实例
下面小编就为大家分享一篇移动前端图片压缩上传的实例。具有很好的参考价值，希望对大家有所帮助。一起小编过来看看吧
2017-12-12
让js弹出窗口居前显示的实现方法
一般来说，显示在最前面的窗口都是因为窗口被激活获得焦点，要使窗口永远显示在最前面，可以人为的设置窗口在blur时立刻focus，或者用模式、无模式对话框实现
2013-07-07
JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）实例详解
这篇文章主要介绍了JS赋值、浅拷贝和深拷贝,结合实例形式总结分析了JavaScript数组和对象的深浅拷贝相关概念、原理、操作技巧与使用注意事项,需要的朋友可以参考下
2020-03-03
Javascript 拖拽雏形中的一些问题(逐行分析代码，让你轻松了拖拽的原理)
这篇文章主要介绍了Javascript 拖拽雏形中的一些问题(逐行分析代码，让你轻松了拖拽的原理),需要的朋友可以参考下
2015-01-01