• かちびと.net

    ドロップダウンメニューをマウスストーカー化したユニークなjQueryプラグイン・CURSOR FOLLOWING MENUのご紹介。この発想は無かったですね・・ナビゲーションメニューをマウスストーキングさせる、というもの。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

ドロップダウンメニューをマウスストーカー化したユニークなjQueryプラグイン・CURSOR FOLLOWING MENU

スポンサーリンク

昔のWebサイトで、マウスを追従する
画像(アイコン)をよく見かけたと思う
んですが、それをメニューにしてしまお
う、という発想。遊び心のあるサイトに
したい、という方は如何でしょうか。使
い方次第ではユーザーに不快な思い
をさせそうですが・・

個人的には微妙かなと思ったんですが、ユニークだったのと、やり方次第ではユーザビリティになるかな?と思ったので一応メモします。

あなたのマウスの動きをナビゲーションメニューがストーキングします。

CURSOR FOLLOWING MENU


発想は面白いですねw作成者さんも「おしつけがましいと思われないように工夫した」と仰っていますが、個人的には苦手かな・・


マウスにボタンが追従し、マウスオーバーでその場でドロップダウンします。ユーザビリティなのか自己満足なのか判断が分かれそうですね・・・日本と海外でも反応は違うでしょうしね。


「上へ戻る」付き。スムーズにスクロールします。


IE6だとcssの関係で表示が崩れていましたが、jsの動作そのものは大丈夫っぽい。

動作にはjquery.easing.jsも必要です。キャンペーンサイトなんかに使う機会があるかな・・殆ど無いでしょうけどw発想はユニークなので勉強になりました。デモとDLは以下より。

CURSOR FOLLOWING MENU / Demo

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services