js定位菜单

最新推荐文章于 2024-04-30 22:06:17 发布

田猿笔记

最新推荐文章于 2024-04-30 22:06:17 发布

阅读量988

点赞数

文章标签： function border xhtml html javascript button

本文链接：https://blog.csdn.net/canduecho/article/details/3856708

版权

我在做一个项目好多下拉的菜单，我想写一个通过的js,只传具体的div 或者其他object上去就就可以定位　。

调用：

showmenu(thisobjid,menuobjid,state,position)

thisobjid =控件本身id

menuobjid =弹出菜单层的id

state 有两个值可选，show即显示菜单 hidden即隐藏菜单

position 有四个值可选，top菜单显示于顶部 bottom菜单显示于底部 left菜单显示于左侧 right菜单显示于右侧，bottomleft菜单显示于底部左则，bottomright菜单显示于底部右则，bottomcent菜单显示于底部中间.

调用的html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>测试</title> <mce:script language="javascript" type="text/javascript" src="showmenu.js" mce_src="showmenu.js"></mce:script> <mce:style></mce:style><style mce_bogus="1"> #mdiv{ position: absolute; border: 1px solid #92B7E5; top: 0px; left: 0px; width: 150px; background-color: #FFFFFF; visibility: hidden; padding: 5px; overflow: hidden;}</style> </head> <body> 调用：showmenu(thisobjid,menuobjid,state,position) thisobjid =控件本身idmenuobjid =弹出菜单层的id state 有两个值可选，show即显示菜单 hidden即隐藏菜单 position 有四个值可选，top菜单显示于顶部 bottom菜单显示于底部 left菜单显示于左侧 right菜单显示于右侧 sdfasdfasdfwerqwerqw<a href="" id="m1" onMouseOver="showmenu('m1','mdiv','show','bottomcenter')" onMouseOut="showmenu('m1','mdiv','hide','bottomcenter')" style="cursor: pointer;" mce_style="cursor: pointer;">鼠标移到这里来看看</a> <div id="mdiv">菜单内容。。。</div> sdfsadfasdlfwejqriqwoperqw<input type=button id="mybutton" onMouseOver="showmenu('mybutton','mdiv','show','bottomcenter')" onMouseOut="showmenu('mybutton','mdiv','hide','bottomcenter')" value ="testmenu"/> <table><tr><td> asdfasdfasdfasdfasdf</td><td><div id="divMenu" style ="background-color:Red;width:80px" onMouseOver="showmenu('divMenu','mdiv','show','bottomcenter')" onMouseOut="showmenu('divMenu','mdiv','hide','bottomcenter')">divMenu</div> </td></tr></table> </body></html>

田猿笔记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js定位菜单

我在做一个项目好多下拉的菜单，我想写一个通过的js,只传具体的div 或者其他object上去就就可以定位　。调用：showmenu(thisobjid,menuobjid,state,position) thisobjid =控件本身idmenuobjid =弹出菜单层的idstate 有两个值可选，show即显示菜单 hidden即隐藏菜单position 有四个值可
复制链接

扫一扫