庞大资源库的计算机教程网站!
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
首页 操作系统 程序设计 图形图像 媒体动画 机械电子 WEB开发 数 据 库 办公系列 路由技术 网络原理 网络应用
认证考试 安全技术
首页>WEB开发>DreamWeaver>DW2004专题>正文
资料搜索
Google搜索
Google
返回上级列表

推荐文章

快速保存网页中所有图片的方法
Windows中让光驱巧妙“隐身”技
防范非法用户入侵Win 2000/XP系
两款比较典型的ASP木马防范方法
有关表格边框的css语法整理
Windows XP中可以被禁用的服务
SQL Server导出导入数据方法
Javascript所有对象的属性的获
网页(HTML)中的特殊字符
与篮球共舞,尽显模式本色
QQ病毒的手工清除方法
Photoshop为极品美女打造性感睫
天衣无缝:IIS与PHP水火也相容
SQL Server存储过程编写和优化

DW MX 2004 CSS属性详解之GLOW属性

 作者:本站收集   日期:2005-3-17
字号选择〖 〗/ 双击滚屏 单击停止   


    【glow属性】对象应用glow 滤镜后,这个对象的边缘就会产生类似发光的效果,这种效果在图像处理软件中做起来比较麻烦,而在DW MX 2004中用CSS的“glow”滤镜来制作却是很简单,而且节约不少字节。首先看一下glow 在文字上的应用实例:


边缘类似发光的效果

    制作方法如下:
  创建新的CSS样式:(要回顾创建新的 CSS 样式操作方法,请点页顶导航条“简要说明”按钮)

    提示:新创建的CSS样式名称,输入“glow”。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。
    选择“glow”,按此参数设置:Glow(Color=#FFFF33, Strength=10),点“确定”结束。 若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:

<style type="text/css">
<!--
.glow {
filter: Glow(Color=#FFFF33, Strength=10);
}
-->
</style>


 
  “glow”滤镜只有两个参数,一个是“color”是指定发光的颜色,另一个参数是“strength”是发光的强度,也可理解为光芒的长度。取值范围1~255之间的任何整数。下面我们来做几个应用实例。

【glow滤镜在图片上的应用】
   “glow”滤镜加载到一般图片无效,但若是把图片放到表格中,再给表格的< td >加上“glow”滤镜,却能使图片产生一个渐变颜色的边框,请看下面的效果:

“glow”滤镜加载到图片产生渐变边框效果

【glow滤镜在透明背景图片上的应用】
  加载到有透明背景的gif图片上却能产生一种光晕效果,请看下面的效果图:

“glow”滤镜加载到透明背景图片效果


“glow”滤镜加载到透明背景动画和<td>效果


 

 


  glow滤镜的参数不多,使用简单,效果明显。在具体应用时关键的问题是光芒颜色的选择,要与整个页面色彩协调。给图片和< td >可以用多种方式加载,配合背景的设置,可产生一些奇特的效果。

上一篇:DW MX 2004 CSS属性详解之FLIPV 属性    下一篇:没有了  
[发送给好友]  [关闭窗口]  [返回顶部]   转载请注明来源:www.it00.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑: 原点 投稿作者: 本站收集
信息来源: 网络 录入时间: 2005-3-17
关于我们 - 广告服务 - 版权申明 - 网站地图 - 联系方式 - 总编信箱 - 会员投稿