15.2  JavaScript特效的应用

15.2 JavaScript特效的应用

JavaScript作为脚本语言,它能够为网页实现基本的动态效果,吸引用户对页面的关注度。

JavaScript在网页中的应用主要体现在如下6个方面:

1.文字处理

文字是页面的基础,通过JavaScript处理后的文字将会带来令人叹为观止的效果。图15-4就是经典纯JavaScript处理的Web主页。

2.时间处理

网页动态时间显示功能十分必要,它能够为浏览者带来额外服务的感知。通常程序员会使用编程语言来实现,但是JavaScript同样能够实现动态的时间显示效果。例如论坛内的发帖时间就可以通过JavaScript来实现,如图15-5所示。

978-7-111-53392-4-Part04-173.jpg

图15-4 文字处理特效

978-7-111-53392-4-Part04-174.jpg

图15-5 时间处理特效

3.图像处理

图像处理即对站内图片的处理,可以使用JavaScript对站内素材图片进行修饰,实现普通图片素材没有的功能。如图15-6所示。

4.背景处理

背景处理即对页面各种背景效果的处理,例如文字背景和图像背景。图15-7就是经过JavaScript处理后的文字背景。

978-7-111-53392-4-Part04-175.jpg

图15-6 图像处理特效

978-7-111-53392-4-Part04-176.jpg

图15-7 背景处理特效

5.鼠标处理

鼠标是用户进行信息浏览的必要工具,通过JavaScript可以使用户当前的操作鼠标实现绚丽的效果。图15-8就是最普通的鼠标特效效果。

6.菜单处理

菜单是一个站点的必要的构成元素,它能够方便于用户对站内信息的浏览。通过JavaScript可以对站内的菜单进行修饰,以吸引用户的眼球。如图15-9所示。

978-7-111-53392-4-Part04-177.jpg

图15-8 鼠标处理特效

978-7-111-53392-4-Part04-178.jpg

图15-9 菜单处理特效