<
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;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) >
< br />
密 码:
< 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 >
< 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;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) >
< br />
密 码:
< 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 >
代码较为简单,不作解释。注意DIV里用到了滤镜里的shadow属性,有阴影效果