给链接加上提示或弹出功能
Thursday, 3. August 2006, 09:10:44
效果:
在自定义CSS中加入:(最好是/* :: GENERAL RULES :: */下,方便管理)|鼠标悬停提示这个就是是提示的内容|我的BLOG下一日天堂|
只要鼠标放到上面就可以。
a#tip2 {text-decoration:none;}
a#tip2:link,a#tip2:hover {text-decoration:none;display:inline}
a#tip2 span {display:none;text-decoration:none;}
a#tip2:visited {text-decoration:none;}
a#tip2:hover #tip2_info {
display:inline;border:1px solid #F96;
background:#E3FB8E;padding:10px 20px;
position:absolute;top:0px;left:290px;color:#BA98CC}
其中最后top:0px;left:290px;这两个值可以自行设定,就是提示框离顶部和离左面的距离不过,写链接的时候,需要写成:
<a id="tip2" href="链接地址" target="_blank">鼠标悬停弹出 <span id="tip2_info">:这个就是是弹出的内容</span></a>
弹出效果(OPera,Firefox,IE均有效)
效果:
在自定义CSS中加入:(最好是/* :: GENERAL RULES :: */下,方便管理)|鼠标悬停弹出:这个就是是弹出的内容|我的BLOG:下一日天堂|
只要鼠标放到上面就可以。
a#tip {text-decoration:none;}
a#tip:link,a#tip:hover {text-decoration:none;display:inline}
a#tip span {display:none;text-decoration:none;}
a#tip:visited {text-decoration:none;}
a#tip:hover #tip_info {display:inline;position:relative;color:#BA98CC}
不过,写链接的时候,需要写成:
<a id="tip" href="链接地址" target="_blank">鼠标悬停弹出 <span id="tip_info">:这个就是是弹出的内容</span></a>








sq1022 # 3. August 2006, 09:19
genokolar # 3. August 2006, 12:07
cyberghost # 5. August 2006, 06:20
green_head # 8. August 2006, 09:15
gh
kirababy # 14. August 2006, 15:39
dujian851227 # 23. August 2006, 13:22
kirababy # 23. August 2006, 15:28
genokolar # 23. August 2006, 15:38
EdifierX # 27. August 2006, 04:31
elion815 # 4. September 2006, 00:25
zhongzb # 8. September 2006, 13:59
sunhon # 10. September 2006, 06:29
jeejam # 10. September 2006, 08:47
go5197 # 12. September 2006, 13:05
L_Q # 6. October 2006, 06:52
作个连接吧^__^
genokolar # 6. October 2006, 11:14
链接添加了。。
sisie # 22. October 2006, 08:59
syyoung # 30. October 2006, 14:28
xfx # 8. January 2007, 03:35
xfx # 16. January 2007, 12:29
谢谢
genokolar # 16. January 2007, 14:13
xfx # 17. January 2007, 04:40
genokolar # 17. January 2007, 12:42