查看: 2916|回复: 12

[教程] HTML+TIME学习笔记(六)

[复制链接]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 02:00 | 显示全部楼层 |阅读模式

第六课fficeffice" />

上节讲了渐变,我们也已经讲了5个课时啦,大家应该有所收获吧?这样对我也算是一种激励和安慰。现在我差不多花了一个礼拜的业余时间都来编写这个学习笔记。今天就再讲一个动画效果——闪烁字体,想想怎么用代码编写呢?

可能绝大部分人都会用JS脚本编写这个效果,不过没TIME写的简单。

先来看看例子

点击看效果

接下来看代码:

<BODY BGCOLOR="#000000" TEXT="#ff0000">

<CENTER>

<SPAN ID="blink" STYLE="color: #FFFFFF; behavior: url(#default#time2)" begin="0;blink.end+0.1" dur="0.1" timeaction="style">

<font face=华文琥珀 size=14><br><br><br>欢迎光临“黄莺语柳 紫燕归梁”的空间!<br>希望大家不吝赐教,以便进一步提高。

</font>

</SPAN>

</CENTER>

效果描述:就是让所写的文字动态闪烁显示

这里有两个地方需要注意,首先,如果我只放这段代码:

<SPAN ID="blink" STYLE="color: #FFFFFF; behavior: url(#default#time2)" begin="0;blink.end+0.1" dur="0.1" timeaction="style"><font face=华文琥珀 size=14><br><br><br>欢迎光临“黄莺语柳 紫燕归梁”的空间!<br>希望大家不吝赐教,以便进一步提高。</font></SPAN>

字体就会是黑色,背景是白色,也就到没有色彩的闪烁,为了给出一个好的效果,我这里设置了<BODY BGCOLOR="#000000" TEXT="#ff0000">,这样就可以产生红白效果的闪烁啦。

其次,这个闪烁是怎么来的呢?begin="0;blink.end+0.1" 巧妙的利用了上一次结束时间延时0.1秒来开始下一次的begin,所以能够反复闪烁而不只是一次。TIMEACTION是专门让这个时间控制针对某一个属性起作用,比方说CLASS="time" BEGIN="0" DUR="11" TIMEACTION="style" STYLE="Color:Red;"这样的一句,就是针对红色文字这个属性起作用,应用time行为的这个对象在时间结束时并不删除掉,而只是改变它的颜色。

这样大家就可以根据自己的需要来编写这个动画效果了,是不是很简单啊?那还不赶快行动!好好编写编写吧!

签到天数: 244 天

[LV.8]以坛为家I

鲜花(3) 鸡蛋(0)
发表于 2008-8-8 09:31 | 显示全部楼层
先来顶哈

签到天数: 244 天

[LV.8]以坛为家I

鲜花(3) 鸡蛋(0)
发表于 2008-8-8 09:31 | 显示全部楼层
再来收藏了

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 17:52 | 显示全部楼层
怎么显示的效果呢!!!你在那存的啊!!老师!!我是初学着!!

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 17:55 | 显示全部楼层



欢迎“ヤ;聆聽浪漫”帅哥的到来!
希望大家不吝赐教,以便进一步提高。
[ 本帖最后由 ヤ;聆聽浪漫 于 2008-8-8 18:02 编辑 ]

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 17:57 | 显示全部楼层
这样还是蛮好玩的!!!!!

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 18:03 | 显示全部楼层
希望能学到更多 !!

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 20:28 | 显示全部楼层
来学习了,谢谢。

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 22:45 | 显示全部楼层
继续留下脚印慢慢学习。。 [ 本帖最后由 文子 于 2008-8-8 22:49 编辑 ]

签到天数: 425 天

[LV.9]以坛为家II

鲜花(0) 鸡蛋(0)
发表于 2008-8-15 16:24 | 显示全部楼层
继续跟着学习。
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-11-15 08:55 , Processed in 0.057440 second(s), 19 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表