文字提示

文字提示

<Html>
<head>
<title>
test
</title>
<style type="text/css">
.hand{cursor:hand}
</style>
<script language=javascript>
function showhind(msg){
var right=document.body.clientWidth-event.clientX+3;
var bottom=document.body.clientHeight-event.clientY-17;

document.f1.t1.size=msg.length+3;
document.f1.t1.value=msg;

if (right<document.f1.t1.size*12)
document.f1.t1.style.left=event.clientX-(document.f1.t1.size-3)*12+3;
else
document.f1.t1.style.left=event.clientX-3;

if (bottom<19)
document.f1.t1.style.top=event.clientY-23;
else
document.f1.t1.style.top=event.clientY+17;
}
function hidehind(){
document.f1.t1.style.top=-100;
document.f1.t1.style.left=-100;
}
</script>
</head>
<body>
<form name="f1">
<p><input type="text" name="t1" size="10" style="background-color: #FFF2D9; font-family: 宋体; font-size: 12px; position: absolute; left: -100; top: -100; z-index: 5; border-style: solid; border-width: 1; padding-top: 2"></p>
</form>
<div onmouseover="showhind('网虫你好')" onmousemove="showhind('网虫你好')" onmouseout="hidehind()" class=hand style="width: 33; height: 16">网虫</div>
<div onmouseover="showhind('霜日你好')" onmousemove="showhind('霜日你好')" onmouseout="hidehind()" class=hand style="width: 32; height: 16; left: 680; top: 390; position: absolute">霜日</div>
</body>