您好!欢迎你光临图片文字的滤镜效果1_风尘醉笛!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>代码集锦>>>文字效果>>>图片文字的滤镜效果1
图片文字的滤镜效果1
发表日期:2008/10/1 19:15:00 出处:网络 作者:未知 发布人:feihua1025 已被访问 1512
Glow滤镜




<DIV style="position:relative; top:30px; left:0px; width:700px; height:150">
<STYLE>.time {
 BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />

<div id=z2 style="width:100%;filter:glow(color=#1e90ff strength=16);color:white"><FONT color=#00ff00 face=楷书 size=7>

Glow滤镜</FONT></div>

<t:animate targetElement="z2" attributeName="filters.glow.strength" from="10" to="0" begin="0" dur="1" end="" autoreverse="false" repeatcount="indefinite"/></div>

 

对以上这段代码的说明:

1)<DIV style="position:relative; top:30px; left:0px; width:700px; height:150">是对以下内容的相对定位。

  

top:30px;是离顶部距离30px;left:0px; 是离左边距离0px;

 

 

2)<STYLE>.time {
 BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />

这是HTML+TIME下面指定内容的前缀

 

 

3)<div id=z2 style="width:100%;filter:glow(color=#1e90ff strength=16);color:white">这段是Glow滤镜代码。

 

 id=z2 是对这个滤镜的标签(注:与下面的 targetElement="z2"必须一致,同一个页面不能使用同样的id)

 

 

4)<t:animate targetElement="z2" attributeName="filters.glow.strength" from="10" to="0" begin="0" dur="1" end="" autoreverse="false" repeatcount="indefinite"/>这段是让Glow连续性变化的代码。

 

 t:animate 是标记连续性地变化;

 

targetElement="z2"表示目标单元为"z2",用来表示作用到"z2"上;

 

attributeName="filters.glow.strength" 表示属性的名字是"filters.glow.strength"

 

from="10" to="0"表示变化的范围从10到0;

 

begin="0" dur="1" 表示从0秒钟开始变化,变化一次的时间过程为1秒钟;

 

autoreverse="false"表示变化方式为不循环,true为循环;

 

 repeatcount="indefinite"表示变换次数为重复变化。

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

关闭

风尘醉笛 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:454774619 QQ群号: 49478231 联系人:风尘醉笛

琼icp备09005167