html 鼠标事件，注释浮动框，提示文字

来源：互联网发布：黑客摄像头监控软件编辑：程序博客网时间：2024/04/30 10:34
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><script type="text/javascript">function showTip(e,temptx){//alert(e.clientX+"   "+e.clientY);if(document.all&&(document.readyState=="complete"||document.readyState=="interactive")){document.getElementById("flowarea").innerHTML='<table cellspacing="1" bgcolor="#CCCCCC" cellpadding="0"><tr><td><table bgcolor="#FFFFCC" valign="center"><tr><td>'+temptx+'</td></tr><tr><td><a href="javascript:void(0);" onclick="closeTip();">【X】</a></td></tr></table></td></tr><table>';document.all.flowarea.style.pixelLeft=e.clientX+document.body.scrollLeft+10;document.all.flowarea.style.pixelTop=e.clientY+document.body.scrollTop+10;document.all.flowarea.style.visibility="visible";}else if(document.readyState=="complete"||document.readyState=="interactive"){document.getElementById("flowarea").innerHTML='<table cellspacing="1" bgcolor="#CCCCCC" cellpadding="0"><tr><td><table bgcolor="#FFFFCC" valign="center"><tr><td>'+temptx+'</td></tr><tr><td><a href="javascript:void(0);" onclick="closeTip();">【X】</a></td></tr></table></td></tr><table>';document.getElementById("flowarea").style.left=e.clientX+document.documentElement.scrollLeft+100+'px';document.getElementById("flowarea").style.top=e.clientY+document.documentElement.scrollTop+100+'px';document.getElementById("flowarea").style.visibility="visible";alert(document.getElementById("flowarea").style.left+"  +  "+document.getElementById("flowarea").style.top);}else if(document.layers){document.flowarea.document.nstip.document.write('<b>'+'</b'); //some code between bdocument.flowarea.document.nstip.document.close();document.flowarea.document.nstip.left=0;//currentscroll=setInterval("pub_help_scrolltip()",100);document.flowarea.left=e.pageX+100;document.flowarea.top=e.pageY+100;document.flowarea.visibility="show";}}function pub_help_scrolltip(){if(document.flowarea.document.nstip.left>=-document.flowarea.document.nstip.document.width)document.flowarea.document.nstip.left=5;elsedocument.flowarea.document.nstip.left=150;}function closeTip(){document.getElementById("flowarea").style.visibility="hidden";}</script><body><div id="flowarea" style="position:absolute;visibility:hidden;background-color:#FFFFCC;border:1px solid #aaa;padding:0px;z-index:999999; left:0; top:0"></div><table><tr><td>11<span><img src="1.jpg" style="width:50px;height:50px" onMouseOver='showTip(event,"hello world");'/></span></td><td>12</td></tr><tr><td>21</td><td>22</td></tr><tr><td>31</td><td>32</td></tr></table></body></html>
0 0