许 多 网 友 都 拥 有 自 己 的 Homepage ， 并 想 把 主 页 做 得 更 加 动 人 ，
但 仅 凭 几 张 图 片 和 一 些 文 字 是 不 够 的 ， 因 为 这 样 看 起 来 显 得
太 死 板 。 那 么 ， 如 何 使 自 己 的 Homepage “ 动 ” 起 来 呢 ？ 仅 用
Frontpage 98 或 Word97 是 显 然 不 够 的 ， 它 们 对 动 态 效 果 支 持 得 很 有
限 ， 或 者 做 起 来 比 较 麻 烦 ， 我 们 可 以 自 己 编 写 一 些 HTML 代 码 插
进 Frontpage98 已 编 好 的 HTML 代 码 中 ， 这 样 可 以 达 到 很 好 的 效 果 。
Homepage 动 态 效 果 可 由 以 下 方 式 来 表 现 ： 在 Web 页 中 增 加 GIF 动 画
、 访 客 计 数 器 、 留 言 板 、 加 入 JAVA SCRIPT 、 JAVA APPLET 、 文 字 滚
动 条 、 计 时 器 等 。 下 面 就 对 它 们 的 做 法 分 别 讨 论 ：
一 、 GIF 动 画
GIF 动 画 是 主 页 中 最 常 见 的 动 态 图 形 ， 它 也 是 至 今 为 止 可 以 被
全 部 Internet 浏 览 器 识 别 的 图 形 格 式 ， 它 容 量 不 大 又 可 以 表 现
出 动 态 效 果 ， 因 此 特 别 流 行 ， 得 到 GIF 动 画 的 方 法 有 下 面 两 种
：
1. 在 一 些 主 页 中 下 载 现 成 的 优 秀 GIF 动 画 文 件 ， 并 把 它 嵌 入 Web
页 中 就 可 以 了 。 或 者 调 用 Frontpage98 自 带 的 大 量 高 质 GIF 动 画 文
件 。
2. 用 GIF MOVIE GEAR v2.5 自 己 制 作 GIF 动 画 ， 它 可 以 把 几 张 普 通 画
片 合 成 一 张 GIF 动 画 ， 比 如 你 可 以 把 你 的 几 张 照 片 用 这 个 软 件
制 成 一 个 照 片 动 画 ， 但 遗 憾 的 是 GIF 动 画 最 高 只 能 表 现 256 色 ，
也 许 会 使 您 的 真 彩 照 片 有 点 儿 失 真 ， 普 通 图 片 则 没 有 什 么 影
响 。
这 个 软 件 是 共 享 软 件 ， 如 果 您 需 要 的 话 ， 在 这 里 下 载 ：
http://www.gamani.com
二 、 访 客 计 数 器 ＆ 留 言 本
许 多 主 页 里 都 有 访 客 计 数 器 和 留 言 本 ， 这 两 项 功 能 要 由 服 务
器 提 供 ， 如 果 您 的 Homepage 所 在 的 服 务 器 不 提 供 此 项 功 能 的 话 (
目 前 大 多 不 支 持 ) 您 也 不 用 着 急 ,Internet 上 有 许 多 免 费 的 计 数
器 和 免 费 留 言 本 供 您 免 费 申 请 使 用 。
1. 申 请 访 客 计 数 器
目 前 有 许 多 免 费 计 数 器 , 我 最 喜 欢 的 是 fxweb 的 , 您 要 申 请 的 话
, 从 http://www.fxweb.com 进 入 , 会 出 现 一 张 申 请 表 , 内 容 很 简 单 , 叫
您 输 入 用 户 名 和 密 码 , 按 下 申 请 按 钮 , 就 会 出 现 你 已 被 登 录 的
消 息 , 上 面 显 示 “ A user ID has been created for you ” 并 给 您 一 个 专
用 的 号 码 , 如 “ F89774 ” 你 要 把 这 个 号 码 记 下 来 ， 然 后 在 你 的
Web 页 （ 首 页 ） 的 源 文 件 中 ， 加 入 下 列 代 码 ， 当 你 下 次 进 入 你
的 主 页 时 ， （ 必 须 要 拨 通 网 络 ） 就 会 看 见 你 的 Web 页 上 多 了 一
个 计 数 器 ， 每 进 去 一 次 ， 记 数 器 就 加 1 。
<IMG src= “ http://cgi2.fxweb.com/v2 － trackrun.cgi?
userid=| 这 里 加 入 您 的 号 码 , 如 F89774| ” height= “ 31 ” width= “ 88
” >
注 ： “ | ” 号 里 括 的 内 容 可 根 据 提 示 更 改 ， “ | ” 号 不 保 留 。
另 外 ， 您 发 现 没 有 ， 在 有 的 主 页 中 常 有 这 么 一 句 话 “ 你 所 使
用 的 浏 览 器 是 ： … ” 你 想 在 你 的 Web 页 中 加 入 这 种 自 动 识 别 用
户 浏 览 器 的 功 能 吗 ？ 其 实 方 法 很 简 单 ， 假 如 你 已 申 请 了 上 述
访 客 记 数 器 的 话 ， 你 就 已 经 具 有 这 项 功 能 了 ， 你 只 需 要 在 Web
页 中 加 入 以 下 语 句 即 可 。
<A href= “ http://www.fxweb.holowww.com/v2 － openstat.cgi?
userid=| 这 里 加 入 您 的 号 码 , 如 F89774| ＆ password2=| 这 里 加 入 你 申
请 时 自 己 填 的 号 码 | ” >
Your WebTracker logo tag here, or any text link
</A>
而 更 令 人 惊 奇 的 是 ， 它 不 仅 可 以 告 诉 您 你 用 的 是 什 么 浏 览 器
， 什 么 操 作 系 统 ， 什 么 主 机 浏 览 器 访 问 你 的 主 页 ， 多 少 人 使
用 网 景 通 讯 员 ， 或 其 它 你 从 未 听 说 过 的 浏 览 器 ， 激 动 吗 ？ 赶
快 去 申 请 吧 ！
2. 申 请 留 言 本
免 费 留 言 本 比 较 少 ， 网 易 和 商 都 (http://www.zz.ha.cn) 可 以 申 请 ，
但 在 功 能 上 远 不 如 Guestbook 强 大 。 怎 样 申 请 Guestbook 的 免 费 留 言
本 呢 ？ 你 先 要 进 入 Guestbook 主 页 http://www.Lpage.com ， 然 后 选 择 申
请 留 言 本 ， 会 出 来 一 张 申 请 表 格 ， 完 整 并 详 细 地 填 入 你 的 实
际 信 息 ， 当 然 你 必 须 记 住 你 自 己 的 登 录 用 户 名 及 密 码 ， 提 交
信 息 后 ， 申 请 就 完 成 了 。 你 可 以 退 出 它 的 主 页 ， 进 入 你 自 己
的 Web 页 ， 加 入 以 下 代 码 ：
<! － － － start of code － － － >
<center>
<p>
<a href= “ http://Mercury.GuestWorld.com/wgb/wgbsign.dbm?
owner=| 您 申 请 的 登 录 名 | ” >Sign My Guestbook</a>
<a href= “ http://www.GuestWorld.com/ ” >
<img src= “ http://Mercury.GuestWorld.com/GuestWorldbutton.gif ”
height= “ 31 ” width= “ 88 ” border = “ 0 ” alt= “ Guestbook by
GuestWorld ” ></a>
<a href= “ http://Mercury.GuestWorld.com/wgb/wgbview.dbm?
owner=| 您 申 请 的 登 录 名 | ” >View My Guestbook</a>
</center>
<! － － － end of code － － － >
你 会 发 现 你 的 Web 页 中 多 了 个 “ Sign My Guestbook
( 给 我 留 言 ) ” 和 “ View My Guestbook( 查 看 留 言 ) ” ， 看 到有 这 两
个 标 志 后 ， 留 言 本 就 建 好 的 ， 你 可 以 自 己 试 一 试 了 。
你 试 过 了 吗 ？ 是 不 是 很 爽 ？ 其 实 若 改 进 一 下 还 更 好 ， 因 为
Guestbook 是 外 国 的 服 务 器 ， 因 此 访 问 者 每 次 留 言 时 ， 等 着 显 示
填 写 表 单 的 时 间 比 较 长 ， 您 可 以 把 这 张 填 写 表 单 保 存 在 你 自
己 所 在 的 服 务 器 上 ， 具 体 办 法 是 把 填 写 表 单 在 浏 览 器 下 另 存
为 你 硬 盘 上 的 一 个 Web 页 ， 把 你 的 Homepage 链 接 上 此 页 ， 访 问 者
就 可 以 从 你 所 在 的 服 务 器 发 送 此 表 单 ， 速 度 大 增 。 另 外 ， 由
于 表 单 是 英 文 的 , 为 了 照 顾 英 文 不 好 的 访 问 者 ， 你 可 以 用
Frontpage 98 把 这 张 填 写 表 单 汉 化 ， 把 几 个 选 项 按 钮 改 为 你 的 实
际 情 况 。 还 有 ， 这 个 留 言 本 要 定 期 删 除 一 次 留 言 ， 您 一 定 要
注 意 作 好 备 份 。
三 、 JAVA SCRIPT 、 JAVA APPLET 及 其 它 动 态 效 果
IE4.0 等 新 版 本 浏 览 器 的 出 现 扩 展 了 Web 页 的 功 能 ， 最 新 的 Java
程 序 被 嵌 入 了 Web 页 ， 又 为 Web 平 添 几 分 色 彩 。 Java 可 以 做 出 许
多 前 所 未 见 的 效 果 ， 而 且 它 可 以 被 大 多 数 先 进 主 流 浏 览 器 识
别 出 来 。 我 这 里 介 绍 几 种 动 态 效 果 。
1. 连 续 滚 动 文 字
这 不 是 用 Word97 做 的 动 态 文 字 ， 这 是 一 个 状 态 栏 滚 动 文 字 ， 很
有 趣 哟 。 在 Web 页 中 输 入 以 下 代 码 ：
<script language= “ JavaScript ” > var max=0; function textlist()
max=textlist.arguments.length;for(i=0;i<max; i ＋ ＋ )
this[i]=textlist.arguments[i]; tl=new textlist ( “ | 加 入 任 意 文 字 | ” ,
“ | 加 入 任 意 文 字 | ” , );
var x=0; pos=0; var l=tl[0].length;
function textticker()
document.tickform.tickfield.value=tl[x].substring(0,pos) ＋ “ _ ” ;
if(x==0) pos ＋ ＋ ; else pos ＋ =2 ; if(pos>l)
pos=0; setTimeout( “ textticker() ” ,1000); x ＋ ＋ ;
if(x==max) x=0; l=tl[x].length; else
if(x==0) setTimeout( “ textticker() ” ,50)
else setTimeout( “ textticker() ” ,100); </script>
<body bgcolor= “ ＃ ffffff ” onload= “ textticker() ” ><form name= “
tickform ” >
<input type= “ text ” size= “ 36 ” name= “ tickfield ” ></form>
2. 记 时 器
在 你 的 Web 页 中 嵌 入 一 个 精 巧 的 计 时 器 ， 让 访 问 者 可 以 知 道 他
在 你 的 Homepage 上 的 停 留 时 间 ， 比 较 有 趣 ， 但 同 时 也 许 会 给 访
客 一 种 紧 张 感 ， 他 能 明 显 感 觉 到 呆 了 多 长 时 间 。 要 想 实 现 此
效 果 ， 输 入 以 下 代 码 即 可 。
<SCRIPT LANGUAGE= “ JAVASCRIPT ” >
<! － －
var ap_name = navigator.appName;
var ap_vinfo = navigator.appVersion;
var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));
var time_start = new Date();
var clock_start = time_start.getTime();
var dl_ok=false;
function init ()
if(ap_name== “ Netscape ” ＆ ＆ ap_ver>=3.0)
dl_ok=true;
return true;
function get_time_spent ()
var time_now = new Date();
return((time_now.getTime() － clock_start)/1000);
function show_secs () // 您 呆 在 这 里 的 时 间 总 计
var i_total_secs = Math.round(get_time_spent());
var i_secs_spent = i_total_secs ％ 60;
var i_mins_spent = Math.round((i_total_secs － 30)/60);
var s_secs_spent = “ ” ＋ ((i_secs_spent>9) ? i_secs_spent : “ 0 ” ＋
i_secs_spent);
var s_mins_spent = “ ” ＋ ((i_mins_spent>9) ? i_mins_spent : “ 0 ” ＋
i_mins_spent);
document.fm0.time_spent.value = s_mins_spent ＋ “ : ” ＋ s_secs_spent;
window.setTimeout('show_secs()',1000);
// － － >
</SCRIPT>
3. 湖 面 效 果
你 如 果 进 入 我 的 Homepage ， 就 会 看 见 一 幅 画 ， 它 就 是 奥 斯 卡 最
佳 电 影 《 泰 坦 尼 克 号 》 的 剧 照 ， 男 女 主 角 抱 在 一 起 ， 下 面 是
泰 坦 尼 克 号 ， 海 浪 涌 动 , 泰 坦 尼 克 号 的 倒 影 荡 在 水 中 , 它 能 让
你 回 忆 起 电 影 中 的 惊 涛 骇 浪 。 想 做 这 样 动 人 的 效 果 ， 其 实 更
简 单 ， 只 需 输 入 很 短 的 代 码 。 首 先 要 下 载 Lake.class, 现 在 很 多
网 站 上 都 可 以 下 载 这 个 文 件 , 你 下 载 了 这 个 文 件 后 , 把 它 放 在
你 需 要 加 入 的 Web 页 的 相 同 目 录 中 , 然 后 在 网 页 中 入 下 面 的 代
码 即 可 :
<applet code= “ Lake.class ”
align= “ baseline ” width= “ | 原 图 片 的 宽 度 | ” height= “ | 原 图 片
的 高 度 加 倒 影 的 高 度 | ”
id= “ Lake ” > <param name= “ image ” value= “ | 所 用 图 形 的 文 件 名 |
” > </applet>
4. 跳 动 字 体
这 是 一 种 很 生 动 的 效 果 , 字 体 可 以 随 意 跳 动 并 变 换 出 各 种 色 彩
. 它 的 做 法 也 不 难 , 在 你 的 Web 页 中 加 入 以 下 效 果 即 可 :
<applet code= “ JitterText.class ” width=| 宽 度 | height=| 高 度 |>
<param name=BGCOLOR value= “ ffffff ” >
<param name=TEXTCOLOR value= “ 0000ff ” >
<param name=TEXT value= “ | 这 里 加 入 您 要 写 的 话 , 尽 量 不 用 中 文 |
” >
<param name=SPEED value= “ 250 ” >
<param name=RANDOMCOLOR value= “ 1 ” >
</applet>
当 然 , 上 面 语 句 中 的 JitterText.class 文 件 同 样 要 加 入 Web 页 的 目 录
中 , 如 果 您 找 不 到 的 话 , 请 到 http://www.zz.ha.cn/grwy/huanghua 下 载 。
5. 随 机 文 字
您 想 一 想 , 别 人 每 次 访 问 您 的 主 页 , 都 是 完 全 相 同 的 页 面 , 看
过 了 就 不 想 再 看 了 , 但 你 如 果 能 在 主 页 中 加 入 一 种 随 机 效 果 ,
那 不 是 很 让 人 惊 喜 吗 ? 做 法 如 下 , 这 次 不 需 下 载 文 件 了 。 ( 让
人 松 了 一 口 气 )
<SCRIPT Language= “ JavaScript ” >
tips = new Array(3);
tips[0] = “ 您 好 ！ ” ;
tips[1] = “ 欢 迎 来 到 黄 化 的 主 页 ！ ” ;
tips[2] = “ 请 给 我 留 言 ” ;
index = Math.floor(Math.random() ＊ tips.length);
document.write( “ <CENTER> ” ＋ tips[index] ＋ “ </CENTER><P> ” );
</SCRIPT>
加 入 以 上 代 码 , 随 机 文 字 就 做 好 了 , 试 一 试 ! 要 注 意 的 是 , 上 面
代 码 中 的 3, 取 决 于 下 面 语 句 的 数 目 , 下 面 语 句 中 的 中 文 也 可 以
更 换 , 甚 至 可 以 增 加 这 些 语 句 的 数 目 , 方 法 同 前 三 句 。
好 了 ， 这 次 就 介 绍 这 么 多 吧 ， 其 实 ， 我 要 想 写 的 还 很 多 ， 可
篇 幅 有 限 ， 下 次 有 机 会 再 和 您 见 面 。 |
