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

didoleo 2006-04-28 04:03:30

我的 http页面上有个字段特别长，我是
<input type="text" value="............">

并且他是只读的，我想让鼠标放在上面的时候出现个小的黄颜色的小提示信息窗口让他显示全部的信息

...全文

301 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

didoleo 2006-04-28

打赏
举报

很有启发，谢谢各位

liangjianshi 2006-04-28

打赏
举报

<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
%>

liangjianshi 2006-04-28

打赏
举报

<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>

laochake 2006-04-28