改 善 网 页 链 接 文 字 的 显 示
每 当 用 户 在 网 页 上 定 义 链 接 文 字 时， 所 提 示 的 字 符 都 会
以 兰 色 显 示， 并 自 动 加 带 下 横 线。 当 然 这 些 并 不 是 每 个 用 户 都 想 如 此 设 定
的， 如 何 更 改 这 一 设 定 使 其 更 加 富 有 个 性 化， 本 文 在 此 给 出 一 种 编 程 方 法
供 大 家 参 考 使 用。
---- 目 前CCS 的 技 术 使 网 页 制 作 大 大 改
进， 动 态 性 等 应 用 的 实 现， 改 善 了HTML 死 板 的 网 页 显 示 模 式。 链 接 文 字 显 示
方 法 的 改 造， 也 可 在CCS 中 找 到 较 好 的 答 案。 我 们 以 这 样 的 要 求 来 实 现 链 接
文 字 的 动 态 显 示： 一 般 情 况 链 接 文 字 以 深 红 色 显 示， 当 鼠 标 落 在 标 记 的 链
接 文 字 上 时， 链 接 文 字 以 红 色 显 示 并 自 动 加 上 下 横 线； 当 鼠 标 离 开 标 记 的
链 接 文 字 时， 自 动 去 掉 下 横 线， 恢 复 原 显 示 方 式。
---- 处 理 鼠 标 移 动 到 标 记 文 字 上 和 离
开 标 记 文 字 可 用onmouseover 和onmouseout 语 句 来 响 应 执 行， 在 这 两 个 语
句 上 定 义 用 户 的 设 定 要 求， 即 可 实 现 上 面 链 接 文 字 的 动 态 设 定， 有 关 字 符
颜 色 可 用color 定 义， 字 符 是 否 带 下 横 线 可 用textDecoration 来 定 义。 下 面
给 出HTML 自 定 义 动 态 链 接 文 字 显 示 的 相 应 程 序， 请 注 意： 这 一 功 能 的 实 现
环 境 是IE4.0。
< ! -- IE4.0 中 链 接 文 字 动 态 显 示 实 例 -- >
< HTML >
< HEAD >
< TITLE > 链 接 文 字 动 态 显 示
< /TITLE >
< /HEAD >
< BODY >
< CENTER >
< HR >
< A HREF="wuci.html"
STYLE=
"color:darkred;text-decoration:none"
ONMOUSEOVER="this.style.color=
'red';this.style.textDecoration='underline'"
ONMOUSEOUT="this.style.color=
'darkred';this.style.textDecoration='none'"
>
GO HOME
< /A >
< HR >
< /CENTER >
< /BODY >
< /HTML >
摘自<计算机日报>