CSS滤镜-图片模糊与清晰

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
<!--
#glowtext{
filter:glow(color=red,strength=2);
width:100%;
}

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

-->
</style>
<script language="JavaScript1.2">
function CssFilter(n)
{
  if(n=="add") //如果传入的参数为add,则将图片的不透明度增大
  if(img.filters.alpha.Opacity < 100)
  {
     img.filters.alpha.Opacity += 5;
     setTimeout("CssFilter('add')",10);
  }
  if(n=="dec") //如果传入的参数为dec,则将图片的不透明度降低
  if(img.filters.alpha.Opacity > 20)
  {
     img.filters.alpha.Opacity -= 5;
     setTimeout("CssFilter('dec')",10);
  }
}
</script>
 </HEAD>

 <BODY>
 <img src="C:\Documents and Settings\All Users\Documents\My Pictures\示例图片\Water lilies.jpg" id="img" style="filter:alpha(Opacity=20)"
     onMouseOver="CssFilter('add')" onMouseOut="CssFilter('dec')" />
  <br/>
  <hr>
<span id=glowtext><font color=#FFFF00  face=宋体 style=cursor:hand>哈哈哈哈</font></span>
 </BODY>
</HTML>

 

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

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

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