下一日天堂

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

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

, ,

提示效果(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 Thursday, August 3, 2006 9:19:31 AM

哈哈,不错的功能!

Genogenokolar Thursday, August 3, 2006 12:07:09 PM

感觉第二个效果不错。

淡淡的艳舞cyberghost Saturday, August 5, 2006 6:20:27 AM

很不错,回家去试验下. ^_^

green headgreen_head Tuesday, August 8, 2006 9:15:05 AM

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

gh

Leelookirababy Monday, August 14, 2006 3:39:39 PM

这个好用,谢啦。

MyOnlyStardujian851227 Wednesday, August 23, 2006 1:22:09 PM

nice idea , nice blog 加个好友

Leelookirababy Wednesday, August 23, 2006 3:28:39 PM

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

Genogenokolar Wednesday, August 23, 2006 3:38:03 PM

第一种效果有些问题。我也不知道在什么地方。不过应该能显示的。

EdifierX Sunday, August 27, 2006 4:31:17 AM

不错不错^_^

elion815 Monday, September 4, 2006 12:25:46 AM

很棒很棒,加个好友~~

zHongzb.BLOGzhongzb Friday, September 8, 2006 1:59:01 PM

很不错,搬回家研究研究,哈哈

Sunnysunhon Sunday, September 10, 2006 6:29:56 AM

收获颇丰。

jamjeejam Sunday, September 10, 2006 8:47:38 AM

火星了· ·我才看到·。。。。

→潇~~枫←™go5197 Tuesday, September 12, 2006 1:05:35 PM

找了很久,今天才弄到,不容易啊!

LQL_Q Friday, October 6, 2006 6:52:11 AM

效果很好,以前也看到过,不过不知道怎么弄.
作个连接吧^__^

Genogenokolar Friday, October 6, 2006 11:14:00 AM

现在男生也那么粉哈。。。呵呵!
链接添加了。。

~sisiesisie Sunday, October 22, 2006 8:59:43 AM

不错嘛,一定要加个链接的!!!

豆豆syyoung Monday, October 30, 2006 2:28:12 PM

hoho~~~学走了~

草草/ Chinriantxfx Monday, January 8, 2007 3:35:38 AM

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

草草/ Chinriantxfx Tuesday, January 16, 2007 12:29:16 PM

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

谢谢

Genogenokolar Tuesday, January 16, 2007 2:13:39 PM

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

草草/ Chinriantxfx Wednesday, January 17, 2007 4:40:46 AM

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

Genogenokolar Wednesday, January 17, 2007 12:42:05 PM

很不幸的告诉你,不行,因为那是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