利用Javascript制作特效网页的方法

本文从javascript的作用机理入手,介绍了如何将javascript和HTML语言相结合来开发常用的客户端的应用程序并实现网页特效的方法。

第 2卷第 1期 lv 1 21 No I o. .

四川职业技术学院学报J u n lo i h a c t n la d Te h ia Co lg o r a fS c u n Vo a i a n c n c l o l e e

21 0 1年 2月Fe .01 b2 1

利用 J v s r t a ci制作特效网页的方法 a p黄荣梅，田红梅(四川职业技术学院，四川遂宁 69 0 ) 2 0 0卜艘

摘要： 5, j a r t本 Lg a s i的作用机理入手，绍了如何将 j acp和 H ML语言相结合来开发常用的客户端的应用程序并 L v cp介 a sr t v i T实现网页特效的方法。

关键词：本； vs i;效脚 J a r t特 a cp

中图分类号：P 1 T 3

文献标识码： A

文献编号：62 2 9 ( 1)1 0 1— 2 I7— 0 42 1~ 14 0 0 0

jv sr p在网页中无处不在，它的出现带给 W b更 aa c i t e

< c it a g a e a a c i t5 (代码 )/ c i t s rp n ug= j vs r p…源 l< sr p>()用 UKL链接 j a却 t源代码文件，关键代码 2使 a s vt的

丰富的视觉效果和意想不到的特效。jv sr p如何在页 a ac i t面适时出现，以何特点改变 W b的容貌？并 e下面，本文将对此 做一些初步阐述。1jv s rp a ac;t的作用机理

<cp l gae” sr t n ug=脚本文件名j> i a s ¨3通过实例介绍利用 jv s r a a o t制作常见特效网页的方法 i p jv sr p可以自由地被嵌入到 H M a ac i t TL的文件之中，为

jv s rp a ac i t是一种描述性的基于对象和事件驱动并具有安全性能的脚本语言 (c i t a ga e,可以自由地被 Sr p n u g)它 L嵌入到 HM T L的文件之中，它的出现弥补了 H M言的缺 T[语陷，是 7v与 HM它 aa TL扩充的选择。 j v sr p的作 _机理比较简单，是对网页浏览者当 aacit肄 j就

我们提供了一种扩展 H M文档的手段，使网页具有特殊的 TL视觉效果和较强的交互性。

3 1 aa r t动态地改变浏览器窗口内的文档内容 . j si可 v cp页面载入时

即出现 jv s rp a ac it的脚本提示，要求按要求输入相关信息，有三种选择：入 1到更多信息；入可输得输 2打开相应页面；入 3则发信给作者！输 脚本说明： 把如下代码加入< oy b d>区域中：<s ri> c pt

前所触发的事件进行初始化 T作。它是事先在网页中编好代码，然后此代码随 H M件 _。被传送到客户端的浏览器 T L文起上，由浏览器对这些代码进行解释执行，其执行期问并没而

有与服务器之间传递信息，这样就减轻了服务器的负担。图1所示是 jv s rp a ac it在客户端浏览器上的作用流程。

f n t o s ucin k a 0

{l恃

v t n e= r m t你有三种选择：入 l到更多信 a t r p op ( e输得息；输入 2打开新的页面；入 3邮件给作者！)输发 :v ary es= 1

览

送

i e t r= ){ f(n e= 1

a e t’欢迎光临 j v sr p特效页面’: lr ( aacit ))一

错误’

、

e s e tr= ) l e f( n e= 2 f ip r n . o a o . r f= m 2 h m ) a e t 1 c t n h e y 0 . t i

~

…

一

代码预解析

e s i e tr: ) l e f(n e= 3 fp re .1 ca o h f= a nt o ti n. re ma t hu g ii o: an mei r cv c. e@s t

\i日——————

一

e u tm ) d.o

e s{ lr (请一定选择一个数字！) a k le a e t’’;s 0}图 1 aa r t客户端浏览器上的作用流程 j s i在 v cp2页面中加入 j v s r p的两种方法 a a o t i

)s 0 ak< sr p>/ c i t

()在 HT 1 ME中加入 i a r t a s i的源代码 v cp①要在 HM T L文档中使用<c it S rp>和< Sr p>标/ c it记。

3 2利用 j￣cp可任意改变网页背景色 . a dt v

利用 jv s rp a a ci t可直接在页面中调整背景色，页面其效果如图 2所示，体实现的流程如图 3示。具所

②在这两个标记中间加入如下所示的代码收稿日期：0 0 l一 8 2

1一 O 2作者简介：黄荣梅 ( 7一)女， 1 4,四川遂宁人， 9四川职业技术学院计算机科学系副教授。 田红梅 (9 1 )女， 17 -,四川遂宁人，川职业技术学院图书馆员。四 I

11 4