资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
[
原创
]菜单制作学习一个小东西
提示菜单用的东西,我想学习一下,一个小东西,研究一下
<html> <head> <title></title> </head> <body> <div id="menudiv" style="z-index:2;position:absolute;visibility:hidden;background-color:green;color:white;">大家好啊</div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20h%2Cl%2Ct%2Cw%2CmX%2CmY%2Ce%2CsrcE%2Cthediv%20%0D%0Afunction%20showMenu()%7B%20%0D%0Ae%3Dwindow.event%3Fwindow.event%3Ae%3B%20%0D%0AsrcE%3De.srcElement%3Fe.srcElement%3Ae.target%3B%20%0D%0Aif(!srcE)return%3B%20%0D%0Athediv%3Ddocument.getElementById('menudiv')%20%0D%0Ah%3DsrcE.offsetHeight%3B%20%0D%0Aw%3DsrcE.offsetWidth%3B%20%0D%0A%2F%2Falert(h)%3B%20%0D%0Al%3DsrcE.offsetLeft%2B2%3B%20%0D%0At%3DsrcE.offsetTop%2Bh%3B%20%0D%0Athediv.style.top%3Dt%3B%20%0D%0Athediv.style.left%3Dl%3B%20%0D%0Athediv.style.visibility%3D%22visible%22%3B%20%0D%0Aisvisible%3Dtrue%3B%20%0D%0A%7D%20%0D%0Afunction%20hideMenu()%7B%20%0D%0Ae%3Dwindow.event%3Fwindow.event%3Ae%3B%20%0D%0AsrcE%3De.srcElement%3Fe.srcElement%3Ae.target%3B%20%0D%0Athediv%3Ddocument.getElementById('menudiv')%20%0D%0Aif(!srcE)return%3B%20%0D%0Aif(isvisible%3D%3Dtrue)%7B%20%0D%0AmX%3De.clientX%2Bdocument.body.scrollLeft%3B%20%0D%0AmY%3De.clientY%2Bdocument.body.scrollTop%3B%20%0D%0Aif((mX%3CparseInt(thediv.style.left))%7C%7C(mX%3EparseInt(thediv.style.left)%2Bthediv.offsetWidth)%7C%7C(mY%3CparseInt(thediv.style.top-h))%7C%7C(mY%3EparseInt(thediv.style.top)%2Bthediv.offsetHeight))%20%0D%0A%7B%20%0D%0Athediv.style.visibility%3D%22hidden%22%3B%20%0D%0Aisvisible%3Dfalse%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <a href="" _ewebeditor_ta_href="" onmouseover="showMenu()" onmouseout="hideMenu()">管理资源吧</a> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程