クールに回転するJavaScriptメニュー「mooVRotatingMenu.js」
2008年07月10日-
スポンサード リンク
mooVRotatingMenu menu tournant sur lui-me gre ・mootools et au whisky
クールに回転するJavaScriptメニュー「mooVRotatingMenu.js」
マウスカーソルを合わせるとクルクル回転するメニューが作れます。


HTML的には下記のようになるみたい。
<div id="HorizMenu">
<a href="#" class="mooRotate rotateHome rotateSound"><span>Home</span></a>
<a href="#" class="mooRotate rotateMoo rotateSound"><span>Mootools</span></a>
<a href="#" class="mooRotate rotateWork rotateSound"><span>Work</span></a>
<a href="#" class="mooRotate rotateGoodies rotateSound"><span>Goodies</span></a>
<a href="#" class="mooRotate rotateFriends rotateSound"><span>Friends</span></a>
<a href="#" class="mooRotate rotateAbout rotateSound"><span>About</span></a>
</div>
サウンドを鳴らすことも出来るみたい。
回転しすぎで少し使いにくいという人もいるかもしれませんが、使いどころによっては使えるかも。
クールに回転するJavaScriptメニュー「mooVRotatingMenu.js」
マウスカーソルを合わせるとクルクル回転するメニューが作れます。


HTML的には下記のようになるみたい。
<div id="HorizMenu">
<a href="#" class="mooRotate rotateHome rotateSound"><span>Home</span></a>
<a href="#" class="mooRotate rotateMoo rotateSound"><span>Mootools</span></a>
<a href="#" class="mooRotate rotateWork rotateSound"><span>Work</span></a>
<a href="#" class="mooRotate rotateGoodies rotateSound"><span>Goodies</span></a>
<a href="#" class="mooRotate rotateFriends rotateSound"><span>Friends</span></a>
<a href="#" class="mooRotate rotateAbout rotateSound"><span>About</span></a>
</div>
サウンドを鳴らすことも出来るみたい。
回転しすぎで少し使いにくいという人もいるかもしれませんが、使いどころによっては使えるかも。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSベースの150種類以上のUIライブラリ「SailboatUI」
- 1700種類以上のSVGアイコン「MingCute Icon」
- 2000種類以上の汎用ピクトグラムアイコン集「Atlas Icons」
- かわいい手書き風フォント「うさぎとまんげつのサンセリフ」
- ランディングページのサンプル集「Landings」
- WEBのUIコンポーネントギャラリー「The Component Gallery」
- 汎用で使える700+のピクトグラムアイコン「Sargam Icons」
- 白黒写真をWEB上で簡単にカラーにできる「Palette」
- iPhone14Proのモックアップ
- 建築素材風のおしゃれな背景画像「Architextures」
- 過去のエントリ