 |
用FrontPage 2003软件做HT... |
| |
漂亮的DIF动态图片（不断添... |
| |
[l转贴]学用HTML制帖 |
| |
【静态滤镜】为图片加些特... |
| |
收集整理几个自己比较喜欢... |
| |
两款播放器 |
| |
音乐连续播放的制作 |
| |
[扫盲]发帖傻瓜代码 |
| |
送大家一本CSS书籍 |
| |
75首古诗flash，很精美的 |
| 首页 >> ≡≡ 休闲娱乐 ≡≡ >> 『音乐天堂』 >> 『音画教学』 | ||||
| 【静态滤镜】为图片加些特效(已经更新完毕) | ||||
| 作者 anixix 查看 2443 发表时间 2007/5/4 07:27 【论坛浏览】 | ||||
|
用Alpha实现图片的透明度
原来的图片：
效果图片
|
| 序号 | 评论者 | 共有评论 22 【论坛浏览】 【发表评论】 | 评论时间 | ||
| 1 | anixix | 以下是代码: <table> <tr> <td> <img src="http://www.mypcera.com/s ... 21822.jpg" style="filter : progid:DXImageTransform.Microsoft.Alpha ( enabled=true , style=1 , opacity=8 , finishOpacity=80 , startX=40, startY=80 , finishX=0 , finishY=0) )"> <td> </tr> </table> 来做个讲解: 重点就在 style="filter:DXImageTransform.microsoft.Alpha( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPercent , finishX=iPercent , finishY=iPercent )" 参数： ennable:是设置或检索滤镜是否激活。true（激活） false (不激活) -------------------------------------------------------------------------------------------- style:可选项。整数值(Integer)。设置或检索透明渐变的样式。0 | 1 | 2 | 3 0 : 默认值。整体透明度。将 Opacity 值均匀的作用于对象。 (实用) 1 : 线性渐变透明度。从由 StartX 和 StartY 决定的点，由 Opacity 决定的透明度开始， 到由 FinishX 和 FinishY 决定的点，由 FinishOpacity 决定的透明度结束。 2 : 圆形放射渐变透明度。圆形放射区域的圆心为对象的中心，圆周到与对象的边相切为止。透明渐变由圆心开始，到圆周结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。 3 : 矩形放射渐变透明度。由对象的边开始，到对象的中心结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。 ---------------------------------------------------------------------------------------------- opacity : 可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。 ---------------------------------------------------------------------------------------------- finishOpacity : 可选项。整数值(Integer)。设置或检索透明渐变的结束透明度。取值范围为 0 - 10 0 。默认值为 0 ，即完全透明。 100 为完全不透明。 ---------------------------------------------------------------------------------------------- startX : 可选项。整数值(Integer)。设置或检索透明渐变开始点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。 ---------------------------------------------------------------------------------------------- startY : 可选项。整数值(Integer)。设置或检索透明渐变开始点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。 ---------------------------------------------------------------------------------------------- finishX : 可选项。整数值(Integer)。设置或检索透明渐变结束点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。 ---------------------------------------------------------------------------------------------- finishY : 可选项。整数值(Integer)。设置或检索透明渐变结束点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。 ---------------------------------------------------------------------------------------------- ps：大家可以尝试不同值来改变一下效果。。。这个完全靠个人的喜好的。 |
2007/5/4 07:44 | ||
| 2 | anixix | 用BasicImage实现图片的翻转
|
2007/5/4 07:58 | ||
| 3 | anixix | 以下是源代码： <table> <tr> <td> <img src="http://www.mypcera.com/star/u1/2006/12/29/20061229145313821822.jpg" style="filter : progid:DXImageTransform.Microsoft.basicimage( enabled=true ,mirror=1 )"> <td> </tr> </table> ------------------------------------------------------ 讲解： enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true :默认值。滤镜激活。 false : 滤镜被禁止。 --------------------------------------------------------------------------- grayScale : 可选项。布尔值(Boolean)。设置或检索是否以灰度显示对象内容。0 | 1 1 : 以灰度效果显示对象内容。 0 : 默认值。显示对象的原始色彩。 mirror : 可选项。布尔值(Boolean)。设置或检索是否反转显示对象内容。0 | 1 1 :反转显示对象内容。 0 : 默认值。正常显示对象内容。 opacity : 可选项。浮点数(Float)。设置对象内容的透明度。取值范围为 0.0 - 1.0 。默认值为 1.0 。不透明黑色。 0.0 为完全透明。 XRay : 可选项。布尔值(Boolean)。设置或检索是否以X光效果显示对象内容。0 | 1 1 : 以X光效果显示对象内容。 0 : 默认值。正常显示对象内容。 |
2007/5/4 08:02 | ||
| 4 | anixix | 用Blur实现模糊效果 模糊效果
|
2007/5/4 08:11 | ||
| 5 | anixix | 以下是源代码: 阴影效果： <table> <tr> <td> <img src="http://www.mypcera.com/star/u1/2006/12/29/20061229145313821822.jpg" style="filter : progid:DXImageTransform.Microsoft.Blur(enabled=true,pixelRadius=3,shadowOpacity=0.8); "> <td> </tr> </table> 讲解： 重点：filter : progid:DXImageTransform.Microsoft.Blur ( enabled=bEnabled ,, pixelRadius=flRadius , shadowOpacity=fOpacity ) 把makeshadow的参数去掉就可 然后设置pixelradius(这个值一般设置为2 3为好 )，shadowOpacity（设置默认值也可以。如果你想要达不到你的效果可以设置(0.0-1.0)） 参数： enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤 镜激活。 false : 滤镜被禁止。 --------------------------------------------------------------------------------------------- makeShadow : 可选项。布尔值(Boolean)。设置或检索对象的内容是否被处理为阴影显示。 true | false true : 对象的内容被处理为阴影。此时，整个对象被设置为黑色，然后被添加模糊效果。调整 ShadowOpacity 参数值可以控制其暗度。 false : 默认值。显示对象的原始色彩。 -------------------------------------------------------------------------------------------- pixelRadius : 可选项。浮点数(Float)。设置或检索模糊效果的作用深度。默认单位为像素( px )。 取值范围为 1.0 - 100.0 。默认值为 2.0 。当此参数值小于 1.0 时滤镜失去作用。当此参数值大于 100.0 时，此参数使用默认值 2.0 。 -------------------------------------------------------------------------------------------- shadowOpacity : 可选项。浮点数(Float)。设置或检索使用 makeShadow 制作成的阴影的透明度(暗度)。取值范围为 0.0 - 1.0 。 0.0 为完全透明。 1.0 为完全不透明。默认值为 0.75 。当此参数值不在取值范围内时，此参数使用默认值 0.75 。 |
2007/5/4 08:41 | ||
| 6 | anixix | 使用dropshadow实现阴影
|
2007/5/4 08:42 | ||
| 7 | anixix | 代码如下 <table> <tr> <td> <img src="http://www.mypcera.com/star/u1/2006/12/29/20061229145313821822.jpg" style="filter : progid:DXImageTransform.Microsoft.DropShadow(color=#003399,offX=-15,offY=13,positives=true); "> <td> </tr> </table> 讲解： 参数 enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。 ----------------------------------------------------------------------------------------------- color : 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。 其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。 默认值为 #FF404040 。 ----------------------------------------------------------------------------------------------- offX : 可选项。整数值(Integer)。单位为像素( px )。设置或检索阴影在横坐标轴上以对象为基准的偏移量。正值向右偏移，负值向左偏移。默认值为 5 。 ----------------------------------------------------------------------------------------------- offY : 可选项。整数值(Integer)。单位为像素( px )。设置或检索阴影在纵坐标轴上以对象为基准的偏移量。正值向下偏移，负值向上偏移。默认值为 5 。 ----------------------------------------------------------------------------------------------- positive : 可选项。布尔值(Boolean)。设置或检索滤镜是否从对象的非透明像素建立阴影。假如你有一个透明的对象但想给它建立普通的阴影，设置此参数值为 true。这会让透明对象的阴影在透明区域外，而非在透明区域内。true | false true : 默认值。滤镜从对象的非透明像素建立阴影。 false : 滤镜从对象的透明像素建立阴影。 |
2007/5/5 08:52 | ||
| 8 | anixix | 用实现Emboss实现高亮滤光效果
|
2007/5/5 08:55 | ||
| 9 | anixix | 代码如下 <table> <tr> <td> <img src="http://www.mypcera.com/star/u1/2006/12/29/20061229145313821822.jpg" style="filter : progid:DXImageTransform.Microsoft.Emboss ( enabled=true,bias=0.8 )"> <td> </tr> </table> 讲解 参数 ----------------------------------------------------------------------------------------- enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。 ----------------------------------------------------------------------------------------- Bias : 可选项。浮点数(Float)。设置或检索添加到滤镜结果的每种颜色组分的值的百分比。取值范围为 -1.0 - 1.0 。默认值为 0.7 。大的此参数值产生高亮滤光效果。高对比度的图片受此滤镜的影响较小。 |
2007/5/5 08:57 | ||
| 10 | anixix | 使用glow产生发光的效果
|
2007/5/5 09:01 | ||
共有评论数 22 每页显示 10
|
|||||
