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