使用 jQuery 给导航栏增加 tooltip 效果

Tao — Sun, 31 Jan 2010 05:16:51 +0000

首先声明, 我不是高手; 其次, 折腾这个东西纯粹因为闲的筋疼.

我想要达到的效果是这样: 当鼠标悬停在链接上时, 会跳出一个有透明感的气泡. 见如下的例子,

当然除此以外还可以实现其它效果, 详细的可见插件主页.

如何安装插件?

1, 在这个页面下载了插件以后上传到服务器;

2, 在 header 里添加如下几行(具体应根据上传位置的不同进行调整):

第一行的意思是调用 jQuery; 第二行设置动态效果的 css; 第三行则是调用实现此效果的插件: tipsy;

3, 在 body 当中添加如下代码:

这是定义链接的 id;

4, 最后就是按如下方式编写链接:

主页

Stand Alone Complex » tooltip