您的位置:首页 > 其它

(转)鼠标移动到标题上就显示提示(onmouseover)

2006-08-20 22:56 621 查看
<STYLE type=text/css>BODY {
OVERFLOW: scroll; OVERFLOW-X: hidden
}
.DEK {
POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 200
}
A.js:link {
COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
}
A.js:visited {
COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
}
A.js:hover {
COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
}
A.js:active {
COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
}
</STYLE>

<center>
<TABLE border=0 cellPadding=0 cellSpacing=0 height="42%" width="36%">
<TBODY>
<TR>
<TD align=middle><BR>
<DIV class=dek id=dek style="left: 67px; top: 66px; width: 289px; height: 17px"></DIV>
<SCRIPT type=text/javascript>
Xoffset=-60;
Yoffset= 20;

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>
<A href="#" onmouseout=kill()
onmouseover="popup('这里是链接一的提示<br>可以定义不同的背景颜色以及链接等等','lightgreen')"
;>演示链接一</A> <A href="#" onmouseout=kill()
onmouseover="popup('这里是链接二的提示<br>可以定义不同的背景颜色以及链接等等','lightblue')"
;>演示链接二</A></TD>
</TR></TBODY></TABLE>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: