一つのリンクをマウスオーバーすると、複数の選択肢をツールチップのようにポップアップして表示してくれます(サンプル・青い文字部分)。この機能を使うには、spanタグにclass="multi-link"を指定、リンクテキストをtitle属性に入れ、spanタグ内に表示させたいaタグを複数入れるだけです。なお、multilink.jsの内容は、css関連の一部を変更しています。

サンプル
当社の主力商品は、ASP・SaaS事業のBtoB WEB受注システム( 百万石WEB受注システム 0万石WEB受注システム PKI認証対応版 スマホ・iPad対応版 )です。また、近年急速に普及が進んでいるスマートフォンや、タブレット型多機能端末との連携したシステム( QRラリー(登録商標)QRラリー・カスタムパックQRラリー・ライトパック QRチップ QR Win )の構築など新しい技術にも注力すると共に、従来の商品もより使い勝手がよくなるような仕様追加、機能アップを図ってまいります。
ソース(一部)
当社の主力商品は、ASP・SaaS事業の<span class="multi-link" title="BtoB WEB受注システム">BtoB WEB受注システム(
<a href="http://www.conifer.jp/p001/001.html">百万石WEB受注システム</a>
<a href="http://www.conifer.jp/b2b-zero/index.html">0万石WEB受注システム</a>
<a href="http://www.conifer.jp/p001/b2b-pki.html">PKI認証対応版</a>
<a href="http://www.conifer.jp/p001/smart-ipad.html">スマホ・iPad対応版</a>
)</span>です。
※引用、参考:http://www.otchy.net/javascript/multi-link/
戻るボタン