DIV+CSS实现alt属性效果
<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/>
  密
&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>

代码较为简单,不作解释。注意DIV里用到了滤镜里的shadow属性,有阴影效果

阅读更多
个人分类: 综合
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

DIV+CSS实现alt属性效果

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭