js定位菜单

来源：互联网发布：怎样搜索网络打印机编辑：程序博客网时间：2024/06/05 03:58

我在做一个项目好多下拉的菜单，我想写一个通过的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>