js文字链接的热点提示效果代码

ttx9n · 发表于 2011-8-4 18:29:40

文字链接的热点提示效果，一本书上的小提示例子，鼠标停在红色的链接文字上就会有一个小小的提示窗口显示出来，有意思吧，支持链接哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>小提示窗口</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> body{ font-size:12px; } .tip{ color:red; text-decoration:none; position:relative; } .tip span {display:none;} .tip:hover {cursor:hand;} .tip:hover .popbox { display:block; position:absolute; top:15px; left:-30px; width:100px; background-color:#424242; color:#fff; padding:10px; } </style> </head> <body> <h1>CSS</h1> </p>W3C创建CSS标准的目的是以CSS取代<a href="https://www.jb51.net/www.jb51.net" class="tip">HTMLHyper Text Mark-up Language 超文本标记语言</a>表格式布局、帧和其他表现的语言。纯CSS布局与结构式<a href="#" class="tip">XHTMLThe Extensible HyperText Markup Language 可扩展超文本标记语言</a>相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。</p> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

fwn2rd · 发表于 2022-8-9 01:09:27

的谁vdvdsvdsvdsdsv

额呵呵 · 发表于 2022-9-10 22:06:08

老衲笑纳了

123456 · 发表于 2022-10-8 21:31:34

刷屏刷屏刷屏

v3sfsi · 发表于 2023-8-29 20:06:09

额UI废物iuhfujewfiewnnfen

额呵呵 · 发表于 2023-9-16 09:05:36

dfdsafdsfdsfdsf

dm00ji1s · 发表于 2023-9-16 11:21:58

的vgdsvsdvdsvdsvds

6q8s6p21 · 发表于 2023-10-17 06:23:36

儿飞飞微风DVD谁vdsvd

8ayoqrpj · 发表于 2023-11-6 15:35:24

收下来看看怎么样

0608fv3 · 发表于 2024-4-20 05:59:53

快更新啊，我擦

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js文字链接的热点提示效果代码

相关帖子