鼠标放在放在输入框上面提示效果

时间:2015/12/3 22:23:00来源:互联网 作者:flyso 点击: 858 次
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>flyso.cn--鼠标提示</title>
<script language="JavaScript">
function seashowtip(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){
    my_tips.innerHTML=tips;
    my_tips.style.display="";
    my_tips.style.width=iwidth;
    my_tips.style.left=event.clientX+10+document.body.scrollLeft;
    my_tips.style.top=event.clientY+10+document.body.scrollTop;
   }
else 
  {
   my_tips.style.display="none";
   }
}
</script>
<style>
body{font-size:12px}
</style>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<form name="form1" method="post" action="">
  用户名: 
  <input type="text" name="textfield"  tips="*** 输入用户名." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)>
  
 
  密  码: 
  <input type="text" name="textfield2"  tips="*** 输入密码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)>
  
 
  验证码: 
  <input type="text" name="textfield3"  tips="*** 输入验证码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)>
  <input type="submit" name="Submit" value="提交">
</form>
</body>
</html>


Copyright © 2005 - 2016 flyso.cn. 飞搜 版权所有 鄂ICP备11002783号-3