popup 小窗口

<HTML>
<HEAD>
<TITLE>Popup Example</TITLE>
<SCRIPT LANGUAGE="Jscript">
var oPopup = window.createPopup();

function ButtonClick(info)
{
 //document.body.disabled=true;
 var oPopBody = oPopup.document.body;
 oPopBody.style.backgroundColor = "lightyellow";
 oPopBody.style.fontSize = "12px";
 oPopBody.style.border = "solid black 1px";
 oPopBody.style.padding = "12px";
 oPopBody.innerHTML = info;
 //oPopup.show( window.event.offsetX , window.event.offsetY , 180 , 125, document.body);
 oPopup.show( window.event.clientX+window.event.screenX-window.event.offsetX , window.event.clientY+window.event.screenY , 180 , 125, document.body);
}


function st()
{
window.status = 'clientX=' +  window.event.clientX + ' clientY='
+ window.event.clientY + '; screenX=' + window.event.screenX + ' screenY=' + window.event.screenY + '; x=' + window.event.x + ' y=' + window.event.y+ '; offsetX=' + window.event.offsetX + ' offsetY=' + window.event.offsetY;

var str='';
for (var i in window.event)
{
 var v=window.event[i];
 str += i +"=" +v+" ;<br>\n";
}
document.getElementById('info').innerHTML=str;
}
</SCRIPT>
<style>
*{font:12px verdana;}
</style>
</HEAD>
<BODY onclick="st();">
<div id="info"></div>
fdsfsdfsdfds<a href="#"  onclick="ButtonClick('<ul><li>qq/msn : \n<li>email : \n</ul>\n'); return false;">xxx</a>

<div id="" style="width:1000px; height:1000px;">xxx</div>

<BUTTON onclick="ButtonClick('xxxx')">Click Me!</BUTTON>

fdsfsdfsdfds<a href="#"  onclick="ButtonClick('<ul><li>qq/msn : \n<li>email : \n</ul>\n'); return false;">xxx  888  999  000</a>

</BODY>
</HTML>

 

<!-- onmousemove="window.status = 'clientX=' +  window.event.clientX + ' clientY='
+ window.event.clientY + '; screenX=' + window.event.screenX + ' screenY=' + window.event.screenY + '; x=' + window.event.x + ' y=' + window.event.y   " -->

Posted on 2006-09-20 17:36  古代  阅读(295)  评论(0)    收藏  举报