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

动态Glow属性

中国个人站长站 HTML/CSS教程 点击数: 更新时间:2004-10-29 9:29:00
动态Glow属性

  还记得在教程中讲过的Glow滤镜属性吗?下面这个例子动态的把它演示出来。
  请您点击下面的这段文字:

pp39在线 求知无限

  怎么样,是不是有一种燃烧起来的感觉,反复点击文字将不断的发光。实现这种效果是很简单的,代码如下:

  <html>
  <head>
  <title>css demo</title>
  <script>
  <!--
  function zap() {
  if(myimg.filters.glow.enabled==1) {myimg.filters.glow.enabled=0; }
  if(myimg.filters.blendtrans.status==0)
  {myimg.filters.blendtrans.apply();
  myimg.filters.glow.enabled=1; myimg.filters.blendtrans.play(); } }
  --> </script>
  </head>
  <body text="pink">
  <div id="myimg" onclick="zap()"
  style="font-family:行书体;font-size:54;height:200;color:#ff9900;
  filter:glow(color=#9999ff,strength=20,enabled=0)
  blendtrans(duration=2)"> <p>洪恩在线 求知无限</p> </div>
  </body>
  </html>

  我们看到代码中还应用到了blendtrans属性,使您在点击后字体的变化有一种淡化
的效果。
  

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