浅谈《网页特效》的来源与用法

谢静波　吴亚昊

摘 要 主要论述了网页特效与网页特效的分类；以及网页特效代码的来源与插入的几种方法，应用特效代码设计出精美的网页。

关键词 网页特效 特效分类 特效来源 插入方法

中图分类号：G623.58 文献标识码：A

0 前言

1 网页特效的定义

网页特效就是用网页脚本jcvascript来编写制作动态特殊效果。丰富多彩的网页特效，为网页增加了很不错的效果，初学网页者按照说明也很容易成功的为网页添加网页特效.学会添加网页特效的过程也能激发网页初学者更加了解HTML语言的结构。

2 网页特效的分类

它一般分为按钮、数字时间、游戏、图片、页面、菜单、鼠标、窗口、综合特效。

3网页特效代码的来源

3.1 在网站上下载代码

在http：//www.3wschool.com.cn/.http：//www.dabaoku.com/ 这个网站上有很多的例题，学生可以模仿去编程，《网页制作大宝库》《网页特效集锦》这些网站有一导航栏是《网页特效》，有十来类的网页特效，有成千上万个特效去下载；非常实用，效果很好；拿来就可以用，只要懂得下面的一些插入方法。

3.2 使用《网页代码精灵》软件产生代码

《网页特效精灵》 是一款网页特效制作工具，包括可以自定义特效（精灵特效）和不可自定义特效，软件使用了友好的界面，用户只要单击几下鼠标，就可以完成复杂的特效制作过程，无须修改任何代码；复制代码过去就行。

4 插入方法的应用

我们不一定要自己编出网页特效的代码，下载的代码用得好也能设计出精美的网页。但下载的代码一定要基本上能看懂。对于大多数的网页特效都是可以直接插入到网页里使用的，在下载时一般有注释<！--将以下代码加入HTML的之间-->。但以下几种情况插入的过程中注意以下几点，才能显示出网页的特效来：

4.1 含有图片的特效

如果在網页特效代码中有图片：

《爬向鼠标的好多蚂蚁》网页特效一段代码

var dir = "images/……………."；

var images = new Array（dir+"antdl.gif"），

dir+"antdn.gif"，…….）；

这段代码就是调用图片的路径和名称，antdl.gif这个图片存在哪里？ 这里采用相对路径，就要设置好这个图片的路径，比如这个网页名字叫abc.htm 放在d：/web/myweb/abc.htm下面的，首先我们要在myweb这个文件夹下建立一个images文件夹，将那些图片都放在这里面，这时候再预览肯定就有效果。

4.2 需要定义样式的特效

这种情况在css效果里比较多，有好多学生直接把body里的代码复制过去了，可是忘记了head里可能还有个style没有复制过去，这样预览的时候肯定没有效果的。

例如 用CSS设计艺术字 这个效果，我们可以看到下面这个代码段：

这段代码按照标准写法应该放在之间的，里面的内容就是定义了这个效果里所用到的样式，我们可以看到一些基本的文字大小颜色等属性。所以要有这个样式控制，才能看到效果。

4.3 需要页面加载的特效

《页面游动吐泡小鱼》这个网页特效好多效果是代码已经写好的函数放在页面里，这时候别人打开网页的时候，必须得加载这个函数才能启动这个效果。

/*这一句不能没有，因为下面有一个Start（）函数*/

5 总结

上面我简要的论述了特效的使用方法，仅仅是一些方法和小技巧，插入的关键是：看懂网页特效的代码。看懂它的语法。网页制作是一项操作性很强的课，熟能生巧，巧能生花。希望大家能多练习，能举一反三。