html动态显示提示

最新推荐文章于 2024-07-13 19:38:58 发布

dearcylin

最新推荐文章于 2024-07-13 19:38:58 发布

阅读量2.2k

点赞数

文章标签： html function generator javascript border ie

本文链接：https://blog.csdn.net/dearcylin/article/details/3957168

版权

B.js
var moveFlag=false;
var fntSize=9;
var tipBgColor="FFFFEE";
var tipBorderColor="#000000";
var tipTextColor="000000";
function showTip(msg){
    var obj = 'TipBox';
    moveFlag=true;
    IE_MouseMove();
    document.all[obj].innerHTML = msg;
    document.all[obj].style.visibility = 'visible';
}
function hideTip(){
    var obj = 'TipBox';
    moveFlag=false;
    document.all[obj].style.visibility = 'hidden';
}
function IE_MouseMove(){
    if(moveFlag){
        var x = event.x-10;
        var y = event.y+10;
        var objp = document.all.TipBox.style;
        var xx = (document.body.scrollLeft+x);
        var yy = (document.body.scrollTop+y);
        objp.pixelLeft = xx+30;
        objp.pixelTop = yy;
    }
}
document.write("<DIV ID=TipBox STYLE='position:absolute; visibility: hidden; padding: 5px 5px 5px 5px; color: #"+tipTextColor+"; background-color: #"+tipBgColor+"; border:1px solid #"+tipBorderColor+"; font-size: "+fntSize+"pt'></DIV>");

A.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT language=javascript src="rstipbox.js"></SCRIPT>
<BODY>
<a href="http://www.163.com" onMouseOut="hideTip()" onMouseOver="showTip('<font color=green><b>CYLIN</b></font>')" target=_blank>
abccccccc
</a><br><hr>
<span onMouseOut="hideTip()" onMouseOver="showTip('<font color=green><b>i love weiwei</b></font><br><font color=green><b>CYLIN</b></font>')">bbbbb</span><br><hr>
<a href="http://www.163.com"><img src="sh_pai[1].gif" alt="dddddddddddddddd"></a>