<script language="JavaScript" type="text/JavaScript">
var oPopup = window.createPopup();
function popUp()
{
var str = "<body><table id=mypopup border=0 cellpadding=0 cellspacing=0 width=200 height=100 style='background: menu'>";
str += "<tr><td onclick='parent.oPopup.hide();' style='font-size: 12pt' >11111</td></tr>";
str += "<tr><td onclick='parent.oPopup.hide();'>2222</td></tr>";
str += "<tr><td onclick='parent.oPopup.hide();'>第三项</td></tr>";
str += "<tr><td onclick='parent.oPopup.hide();'>第四项</td></tr>";
str += "</table></body>";
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "buttonface";
oPopBody.style.border = "solid black 0px";
oPopBody.innerHTML = str;
var w = 182;
var h = 97;
var x = 9 + window.screenLeft;
var y = window.event.clientY + window.screenTop;
oPopup.show(x, y, w, h);
}
</script>
<div id="a" onMouseOver="popUp();">dddddd</div>
var oPopup = window.createPopup();
function popUp()
{
var str = "<body><table id=mypopup border=0 cellpadding=0 cellspacing=0 width=200 height=100 style='background: menu'>";
str += "<tr><td onclick='parent.oPopup.hide();' style='font-size: 12pt' >11111</td></tr>";
str += "<tr><td onclick='parent.oPopup.hide();'>2222</td></tr>";
str += "<tr><td onclick='parent.oPopup.hide();'>第三项</td></tr>";
str += "<tr><td onclick='parent.oPopup.hide();'>第四项</td></tr>";
str += "</table></body>";
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "buttonface";
oPopBody.style.border = "solid black 0px";
oPopBody.innerHTML = str;
var w = 182;
var h = 97;
var x = 9 + window.screenLeft;
var y = window.event.clientY + window.screenTop;
oPopup.show(x, y, w, h);
}
</script>
<div id="a" onMouseOver="popUp();">dddddd</div>
--------------- str += " <tr> <td onclick='parent.oPopup.hide();'> <a href=''>第四项</a> </td>
var oPopup = window.createPopup();
function popUp()
{
if(!oPopup.isOpen)//判断是否显示
{
var str = " <body> <table id=mypopup border=0 cellpadding=0 cellspacing=0 width=200 height=100 style='background: menu'> ";
str += " <tr> <td onclick='parent.oPopup.hide();' style='font-size: 12pt' > 11111 </td> </tr> ";
str += " <tr> <td onclick='parent.oPopup.hide();'> 2222 </td> </tr> ";
str += " <tr> <td onclick='parent.oPopup.hide();'> 第三项 </td> </tr> ";
str += " <tr> <td onclick='parent.oPopup.hide();'> 第四项 </td> </tr> ";
str += " </table> </body> ";
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "buttonface";
oPopBody.style.border = "solid black 0px";
oPopBody.innerHTML = str;
var p=GetDivPos();
var x = p.x;
var y = p.y+window.screenTop;
var w = 182;
var h = 97;
oPopup.show(x, y, w, h);
}
}
//获取div的绝对位置
function GetDivPos()
{
var a=document.getElementById("a");
var p=new Object();
p.x=a.offsetLeft;
p.y=a.offsetHeight+a.offsetTop;
o=a.offsetParent;
while(o)
{
p.x+=o.offsetLeft;
p.y+=o.offsetTop;
o=o.offsetParent;
}
return p;
}
</script>
<div id="a" onMouseOver="popUp();"> dddddd </div>
+"<a href='http://www.csdn.net' onclick='parent.location.href=this.href;'>"
+"第四项</a></td> </tr> ";