悬浮的 黄颜色的 小提示信息窗口怎么搞

在input里加title属性吧，title="............",good luck

解决方案 »

  1.   

    <script>if (!document.layers&&!document.all&&!document.getElementById)
    event="test"
    function showtip(current,e,text){if (document.all||document.getElementById){
    thetitle=text.split('<br/>')
    if (thetitle.length>1){
    thetitles=''
    for (i=0;i<thetitle.length;i++)
    thetitles+=thetitle[i]
    current.title=thetitles
    }
    else
    current.title=text
    }else if (document.layers){
    document.tooltip.document.write('<layer bgColor="white" style="border:1px solid black;font-size:12px;">'+text+'</layer>')
    document.tooltip.document.close()
    document.tooltip.left=e.pageX+5
    document.tooltip.top=e.pageY+5
    document.tooltip.visibility="show"
    }
    }
    function hidetip(){
    if (document.layers)
    document.tooltip.visibility="hidden"
    }</script>
    <div id="tooltip" style="position:absolute;visibility:hidden"></div>
    <input type="text" value="0000" onMouseover="showtip(this,event,'显示信息')" onMouseout="hidetip()">
      

  2.   

    <input readonly type="text" value="............"
    onmouseover="if(this.title==''){this.title=this.value;this.onmouseover=null;};" 
    >
      

  3.   

    <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:#FFF8DC;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#FF9900,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) onclick=seashowtip(this.tips,0,150)>
      <input type="submit" name="Submit" value="提交"><br/>
    </form>
    </body>
    </html>
      

  4.   

    <!--#INCLUDE FILE="conn.inc" -->
    <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:#FFF8DC;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#FF9900,direction=135,strength=3); left:0; top:5"></div>
    </head>
    <body>
    <%
    Set rs= Server.CreateObject("ADODB.Recordset")
    sql="select  sname from gysxx"
    rs.open sql,conn,1,1
    do while not rs.eof 
    %>
    <form name="form1" method="post" action="">
    <table><tr><td>
      用户名： 
      <input type="text" readonly  name="textfield" value="....." tips="<%=rs("sname")%>" onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150) onclick=seashowtip(this.tips,0,150)></td></tr>
    </table>
    </form>
    <%
    rs.movenext
    loop 
    rs.close
    %>