Skip navigation.

下一日天堂

沃斯托克的下一日,会不会是梦想的天堂?

给链接加上提示或弹出功能

, ,

提示效果(OPera,Firefox,IE均有效)
效果:

|鼠标悬停提示这个就是是提示的内容|我的BLOG下一日天堂|
只要鼠标放到上面就可以。

在自定义CSS中加入:(最好是/* :: GENERAL RULES :: */下,方便管理)
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均有效)
效果:

|鼠标悬停弹出:这个就是是弹出的内容|我的BLOG:下一日天堂|
只要鼠标放到上面就可以。

在自定义CSS中加入:(最好是/* :: GENERAL RULES :: */下,方便管理)
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>

KMPlayer2.9.2.1100给BLOG换鼠标

Comments

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

很不错的效果,把html和css结合起来了,多谢分享。:smile:

gh

kirababy 14. August 2006, 15:39

这个好用,谢啦。

dujian851227 23. August 2006, 13:22

nice idea , nice blog 加个好友

kirababy 23. August 2006, 15:28

可是我的IE好像不支持第一种效果,不知道为什么

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

hoho~~~学走了~

xfx 8. January 2007, 03:35

哈哈,以前就想加这样的了,只是一直不知道怎么办。马上去试试。

xfx 16. January 2007, 12:29

在许多博客上看到“点击展开/关闭flash播放”这样的链接效果,opera能实现吗?

谢谢

genokolar 16. January 2007, 14:13

不了解,给个图看看。是缩放的播放器?

xfx 17. January 2007, 04:40

呵,是点击链接的一个动态效果,我就不截图了,你自己去看看好不好:http://blog.ku100.cn/read.php/438.htm

genokolar 17. January 2007, 12:42

很不幸的告诉你,不行,因为那是JAVA作出的效果,而Opera不支持Java

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies