クリックさせないリンク jdtRunAway.js

Webサイトに欠かせないものといえば、何を思いつきますか？やはりリンクじゃないでしょうか。そもそもリンクがなければ他のページに移動することもできませんし。

リンクがクリックしにくかったら…まあうざいでしょうね。
そんな素敵なプラグインをつくってみました。

Live demo
Download demo files

導入方法

1. jQueryとjDTLightBoxを読み込む

<script type="text/javascript" src="js/lib/jquery.js"></script>
<script type="text/javascript" src="js/lib/jdtlightbox.js"></script>

3. 実行する

$()で対象にする要素を指定します。（サンプルではアンカーに適用していますが、きっとなんにでも使えるはず）

jQuery(function($) {
  $('a').jdtRunAway();
});

オプション

やりすぎると大体重くなる

オプション項目	内容
rate	アニメーションフレームみたいなもの。増やすとなめらかになる反面重くなります
instance	反発する距離みたいなもの。大きくするとすぐ逃げます

Live demo
Download demo files

注意

ｱﾊﾊﾊﾊ つかまえてごらーん

Thanks

アニメーション部分のソースはhisasannさんが以下の記事で作成していたものを、許可を得て転用しています。こんなばかなプラグインのために、、快諾していただきありがとうございます。

jQueryでマウスから逃げるRunAwayFromMouse書いてみた Part2 | HouseTect, JavaScript Blog