<script type="text/javascript">
function initBK(){
var o = document.createElement('iframe');
o.id = 'fram_bk';
document.body.appendChild(o);
}
function popMenu(e){
var o = window.event?event.srcElement:e.target;
var p = getXY(e);
if (document.all){
if (!$('fram_bk')){initBK();}
with ($('fram_bk').style){
display='block';
top = p.y+"px";
left = p.x+"px";
}
}
with ($('menu').style){
display='block';
top = p.y+"px";
left = p.x+"px";
}
}
function getXY(e){
var posx=0,posy=0;
if(e==null) e=window.event;
if(e.pageX || e.pageY){
posx=e.pageX; posy=e.pageY;
}
else if(e.clientX || e.clientY){
if(document.documentElement.scrollTop){
posx=e.clientX+document.documentElement.scrollLeft;
posy=e.clientY+document.documentElement.scrollTop;
}
else{
posx=e.clientX+document.body.scrollLeft;
posy=e.clientY+document.body.scrollTop;
}
}
return {x:posx,y:posy};
}
function $(id){return document.getElementById(id)}
</script>
<style type="text/css">
div#menu{display:none;position:absolute;width:200px;height:300px;z-index:100;background:yellow;}
iframe#fram_bk{border:0;position:absolute;display:none;z-index:0;width:200px;height:300px;}
</style>
</head>
<body>
<button onmouseover="popMenu(event)">探出菜单</button><br />
<div id="menu">这里真的是菜单……别看这里没内容，我真的把它当菜单……这里真的是菜单……别看这里没内容，我真的把它当菜单……这里真的是菜单……别看这里没内容，我真的把它当菜单……</div>
<select><option>这是select哦</option></select>
