<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>跟随鼠标的层 － 烈火建站学院 www.liehuo.net</title>
<script type="text/javascript">
function getEvent(){
if(document.all) return window.event;
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0)
{
if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
{
return arg0;
}
}
func=func.caller;
}
return null;
}
var __is_ff = (navigator.userAgent.indexOf("Firefox")!=-1);//Firefox
function getMouseLocation(){
e = getEvent();
var mouseX = 0;
var mouseY = 0;
if(__is_ff){
mouseX = e.layerX + document.body.scrollLeft;
mouseY = e.layerY + document.body.scrollLeft;
}else{
mouseX = e.x + document.body.scrollLeft;
mouseY = e.y + document.body.scrollTop;
}
return {x:mouseX,y:mouseY};
}
function show_mp(id)
{
var xy=getMouseLocation();
var obj=document.getElementById('mpDiv');
var frame=document.getElementById('frame');
var L=T=0;
var divWidth=220;
var divHeight=70;
var padding=15;
var R= document.body.scrollLeft+document.body.clientWidth-divWidth;
var B = document.body.scrollTop+document.body.clientHeight-divHeight;
var x=xy.x;
var y=xy.y;
obj.style.display="none";
if (x < L) { x = x+divWidth;}
if (x > R){ x = x-divWidth-padding*2;}
if (y < T) { y = T+divHeigh; }
if (y > B) { y = B-padding*2; }
obj.style.left=x+padding;
obj.style.top=y+padding;
obj.style.display="";
if(id==1){
frame.innerHTML="<iframe src='http://www.baidu.com?"+id+"'></iframe>";
}else{
frame.innerHTML="<iframe src='http://g.cn?"+id+"'></iframe>";
}
}
function hidden_mp()
{
var obj=document.getElementById('mpDiv');
if(obj.style.display=='')
obj.style.display="none";
}
</script>
</head>
<body>
<a href="#" _fcksavedurl="#" onclick="show_mp(1)" >afasdfds</a><br/>
<div id="mpDiv" style='width: 220px; overflow: visble; position:absolute; z-index:5; display:none;'>
<table width="220" border="0" cellpadding="0" cellspacing="1" bgcolor="#fc9c0a">
<tr>
<td align="right"><a href="#" onclick="hidden_mp();">[X] </a></td>
</tr>
<tr>
<td height="70" valign="top" bgcolor="#ffffff" style='padding:5px;'>
<div id='frame' name='frame'></div>
</td>
</tr>
</table>
</div>
</body>
</html>