利用Pluralink帮你实现一行文字多个链接的效果

JavaScript技术    2009-11-09 19:04  

  Pluralink 是非常好玩的一个 Javascript 库,它可以在一个链接中显示多个链接。

  如把鼠标移到下面“我的网站”这个链接,就可以显示 “我爱水煮鱼”,“WordPress Jam”,“Honey Piggy” 这三个链接。

  我的网站[3]

  “我的网站”右上角的[3]则表明这个链接包含三个链接,目前不支持 RSS,你需要到页面上查看。

  Pluralink 使用非常简单,首先你需要在页面中加载 jQuery 库,如果你的 WordPress 已经启用了,则可以放弃这一步,如果没有,我们可以通过 Google AJAX Libraries 加载 jQuery。

  

<script src="http://www.google.com/jsapi"></script>
<
script>
 
// Load jQuery
 
google.load("jquery", "1");

</
script>

  然后加载 Pluralink 的 Javascript 代码和样式表。

  

<script type="text/javascript" src="http://pluralink.com/files/pluralink.js"></script><link rel="stylesheet" href="http://pluralink.com/files/pluralink.css" type="text/css" media="screen" /><!--[if IE]><link rel="stylesheet" href="http://pluralink.com/files/pluralink_ie.css" type="text/css" /><![endif]-->
 
<!--[if lte IE 7]><link rel="stylesheet" href="http://pluralink.com/files/pluralink_ie6.css" type="text/css" /><![endif]-->

  最后使用以下格式插入多个链接:

  

<a href="http://fairyfish.net/||http://wpjam.com/||http://honeypiggy.com" title="我爱水煮鱼||WordPress Jam||Honey Piggy">我的网站</a>

  另外 Pluralink 还提供 WordPress 插件,如果你对以上步骤觉得繁琐的,可以直接下载 Pluralink 的 WordPress 插件,直接上传激活即可。

  目前 Pluralink 还有一些局限性,如不能在 RSS 中显示(Pluralink 开发者说正在开发),并且没有兼容性,如果 Javascript 代码取消的话,这就是一个废的链接,并且 SEO 方面也不是很友善,不过总体来说这是一个非常不错的 Javascript 代码,并且文件很小。(作者:Denis Pluralink:一个链接多个选择

在线留言

我要留言