DIV+CSS实现alt属性效果

原创 2007年10月09日 16:18:00
<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属性,有阴影效果

【CSS】CSS中alt属性和title属性用法

你对CSS中的alt属性和title属性的使用是否熟悉,这里和大家分享一下两者的使用,CSS中alt属性只能用在img、area和input元素中(包括applet元素),对于input元素,alt属...
  • lzm18064126848
  • lzm18064126848
  • 2016年10月10日 20:04
  • 1187

用div模拟ALT的提示效果

在网页设计过程中经常会用到标签的alt,title提示效果,但往往满足不了要求。昨天一个同事在设计页面时刚好需要用到这种提示效果,我就帮他用div做了一个。  var innerhtm = ;docu...
  • pluton
  • pluton
  • 2008年11月15日 10:15
  • 2487

【CSS】CSS中alt属性和title属性用法

你对CSS中的alt属性和title属性的使用是否熟悉,这里和大家分享一下两者的使用,CSS中alt属性只能用在img、area和input元素中(包括applet元素),对于input元素,alt属...
  • lzm18064126848
  • lzm18064126848
  • 2016年10月10日 20:04
  • 1187

css3实现动画效果常用方法

早期在Web中要实现动画效果,都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的CSS事件来触发元素的外观变化,让效果显得更...
  • charlene0824
  • charlene0824
  • 2016年02月21日 15:03
  • 5465

CSS3实现3D立体效果

CSS3实现3D效果 1. 涉及到的几个CSS3属性 首先大家需要了解transform属性,主要有平移(translate),缩放(scale),拉伸(skew),旋转(rotate)。 这里涉及...
  • wonderful_life_mrchi
  • wonderful_life_mrchi
  • 2016年09月02日 17:04
  • 69823

CSS滤镜:DropShadow属性 设置字体/DIV等的阴影效果

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:   Filter:DropShadow(Col...
  • huwenhu2007
  • huwenhu2007
  • 2013年08月06日 10:31
  • 1379

div+css实现弹出窗口背景变暗效果

  • 2008年10月17日 11:19
  • 2KB
  • 下载

CSS+DIV实现的纵向垂直滑动门效果

  • 2009年08月05日 12:54
  • 5KB
  • 下载

利用css的clear属性实现广告文字环绕效果

  • 2014年07月18日 11:58
  • 13KB
  • 下载

DIV+CSS实现的网易首页滑动效果的标签

  • 2010年05月29日 14:41
  • 35KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DIV+CSS实现alt属性效果
举报原因:
原因补充:

(最多只允许输入30个字)