改善网页链接文字的显示

---摘自《计算机日报》
每 当 用 户 在 网 页 上 定 义 链 接 文 字 时, 所 提 示 的 字 符 都 会 以 兰 色 显 示, 并 自 动 加 带 下 横 线。 当 然 这 些 并 不 是 每 个 用 户 都 想 如 此 设 定 的, 如 何 更 改 这 一 设 定 使 其 更 加 富 有 个 性 化, 本 文 在 此 给 出 一 种 编 程 方 法 供 大 家 参 考 使 用。

---- 目 前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 >