购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.23 实现文字闪烁效果

相信大多数人都做过PPT演示文稿,无论是毕业论文答辩、企业产品介绍、学术报告还是其他演讲,基本都离不开它。PPT中的文本有各种各样的特效,例如文本闪烁就十分实用,展示出来的效果绚丽多彩,十分吸引观众眼球。网页上也有文字闪烁功能,起初设计人员都是通过GIF图片来实现,但随着JavaScript技术的兴起,使用JS脚本来实现文字闪烁效果逐渐成为主流。本例效果如图1.32、图1.33和图1.34所示。

图1.32 闪烁效果(一)

图1.33 闪烁效果(二)

图1.34 闪烁效果(三)

本例代码如下:

本例关键代码如下:

以上代码中的setInterval()函数可按照指定的周期(以毫秒计)来调用函数或计算表达式,其语法如下:

其中code参数定义调用的函数或要执行的代码段;millisec参数定义周期性执行的调用函数或要执行的代码段之间的以毫秒计的时间间隔。

而clearInterval()函数可取消由setInterval()函数设置的周期性调用的时间间隔,其语法如下:

其中参数id_of_setinterval为必选项,表示由setInterval()函数返回的id值。

设计人员要特别注意以下两点:

● setInterval()函数会不停地调用函数,直到clearInterval()函数被调用或窗口被关闭。

● clearInterval()函数的参数必须是由setInterval()函数返回的id值。 mwB0il8Y5Ypcs7j4MrebPSTKEuNQDDhZ8Qjrcr7v/xebbPJwD5qeZks97JP0ckhz

点击中间区域
呼出菜单
上一章
目录
下一章
×