当前位置：Gxlcms > JavaScript > 鼠标放在放在输入框上面提示效果

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

时间：2021-07-01 10:21:17 帮助过：14人阅读

<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> </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需刷新才能执行]

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

人气教程排行