マウスカーソルに追従するjQueryプラグイン
マウスカーソルにくっついて来るナビゲーションをjQueryで作った「CURSOR FOLLOWING MENU」をご紹介。
よくFlashなんかではありそうですね。
クリックする事でドロップダウンメニューが開くようになっています。
設置方法
jqueryとプラグインを読み込みます。
1 | <link href="malihu.cfm.css" rel="stylesheet" type="text/css" /> |
2 | <script src="jquery.min.js" type="text/javascript"></script> |
3 | <script src="jquery.easing.1.3.js" type="text/javascript"></script> |
あとは指定のdivタグでメニューの構造を定義するだけになります。
02 | <div class="container"> |
03 | <div class="title">MENU</div> |
05 | <li><a href="#home">↑ Home</a></li> |
06 | <li><a href="#about">About me</a></li> |
07 | <li><a href="work">+ Work</a> |
09 | <li><a href="#recent">Recent</a></li> |
10 | <li><a href="#web">Web</a></li> |
11 | <li><a href="#print">Print</a></li> |
邪魔にならないような控えめなアニメーションになるように作られているようです。
ページトップに戻るボタンなんかに良さそうですね。
この記事が気に入ったら
いいね！しよう
最新情報をお届けします
