zoukankan      html  css  js  c++  java
  • 鼠标放在放在输入框上面提示效果

    <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 id=mytips style="position:absolute;background-color:#ffffff;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)>
      <br/>
      密&nbsp; 码:
      <input type="text" name="textfield2"  tips="*** 输入密码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)>
      <br/>
      验证码:
      <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>
  • 相关阅读:
    Chap-6 6.1~6.3 程序装载
    X Window基础二(转)
    X Window基础一(转)
    Linux基础命令 su与sudo的区别
    Chap-4 Section 4.6 链接控制过程
    Chap-4 Section 4.5 静态库链接
    ceph的CRUSH数据分布算法介绍
    使用ffmpeg捕获USB外部摄像头视频流
    使用ffserver实现转发实时流媒体(摄像头捕获)
    内存映射文件(专门读写大文件)
  • 原文地址:https://www.cnblogs.com/MaxIE/p/419142.html
Copyright © 2011-2022 走看看