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

时间:2020-05-11 人气:0

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>鼠标提示</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></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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容