站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 网页制作 -- HTML/CSS教程 -- 文章正文 动态滤镜显示
推荐位

动态滤镜显示

中国个人站长站 HTML/CSS教程 点击数: 更新时间:2004-10-29 9:27:34
动态滤镜显示

  本节将向您介绍一个动态滤镜显示的例子中,在这个例子中您可以随意改变透明度的开始值、结束值和样式(style)。 链接

  这个例子先是在<head>中加入了一段javascript语句,代码如下:

  <script language="javascript">
  <!--
  function setfilter(){
  myimage.filters.alpha.opacity=document.forms(0).opacity.value
  myimage.filters.alpha.finishopacity=
  document.forms(0).finishopacity.value
  myimage.filters.alpha.style=document.forms(0).setstyle.value }
  -->
  </script>

  这段代码定义图片的透明度等于表单中输入的对应的透明度的值。myimage是一个类
,标识图片。它的CSS样式是这样定义的:

  <img id="myimage" src="ss07075.jpg"
  style="filter:alpha();position:absolute;top:10;left:0;">

  最后,在图片下方加入三个表单,分别对应输入初始透明度、结束透明度和样式值
,通过透明度的改变,使隐藏在图片下的文字显示出来。

佚名 文章录入:humianzhizhou    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《动态滤镜显示》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
广告服务 | 友情链接 | 联系我们 | 免责声明 | 用户留言 | 网站导航
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号