连接提示框显示 Ⅱ

发布时间:2007年02月01日      浏览次数:1333 次
1.将下面的代码复制到 <head> 内
<STYLE TYPE="text/css">
<!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>
2.将下面的代码复制到 <body>
<DIV ID="dek" CLASS="dek"></DIV>
<SCRIPT TYPE="text/javascript">
<!--
/*
Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath))
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(msg,bak){
var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
//-->
</SCRIPT>
3.使用方法 下面列出本页例子效果显示用到的: 明白了吗?
<a href="http://www.51js.com" onMouseOver="popup('曾经有一个很好的Dhtml放在我面前,我不懂得珍惜,等到失去了才后悔末及...','yellow')"; onMouseOut="kill()">无忧脚本</a>
<br>
<a href="http://www.ie-zone.com" onMouseOver="popup('你需要Dhtml吗?需要你就讲吗,你不讲我怎么知道你需要呢?','lightgreen')"; onMouseOut="kill()">IE中文用户</a><br>
<a href="#" onMouseOver="popup('在茫茫人海,我与她相遇了,在0.05秒,我将爱上她.?','lightyellow')"; onMouseOut="kill()">欢迎你</a>
文章来源:http://www.aspxboy.com/myjs/baoku/0130.htm
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!