鼠標放在放在輸入框上面提示效果

2019-11-21 02:26:23

字體：大中小

來源：轉載

供稿：網友

<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   class="iwvjtn8m0"   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>

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

上一篇：論壇特效代碼收集（落伍轉發-不錯）

下一篇：線路分流自動跳轉代碼；希望對大家有用！