MenuMatic - greengecko design スムーズかつクールにアニメーションする「MenuMatic」。 次のような階層メニューを簡単に実装できるみたい。 サンプル 水平スタイル 垂直スタイル メニューで同様のものはよくありますが、かっこいいアニメーションをさせたい場合にこれが使えそうですね。 関連エントリ デザイン性に優れたCSSメニュー集
david walsh blogのエントリーから、マウスオーバーに合わせてグラデーションのように背景色が変化するナビゲーションを実装するスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul> <li><a href="#" class="nav">Nav Item 1</a></li> <li><a href="#" class="nav">Nav Item 2</a></li> <li><a href="#" class="nav">Nav Item 3</a></li> <li><a href="#" class="nav">Nav Item 4</a></li> <li><a href="#" class="nav">Nav Item 5</a></li> </ul> </textarea>
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts
You don’t need to be a Mac fan to love the Mac OSX fisheye menu effect. This kind of menu has a lot of eye candy and it’s especially useful to arrange both long lists in small spaces and give a “physical” user interaction to the interface. In this post I gathered 9 Open Source (free) Fisheye Menus for you to use on your on web project and give them those “bells and whistles” you felt were missing
アニメーションするドロップダウンメニュー作成JS「Sliding JavaScript Dropdown Menu」 2008年04月30日- Sliding JavaScript Dropdown Menu - Web Development Blog This lightweight drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.アニメーションするドロップダウンメニュー作成JS「Sliding JavaScript Dropdown Menu」 デモページはこちら メニューの中身は単なるul li
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのUIがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrで使われているあのクールなドロップダウンメニューを実装してみよう! 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。 実装自体は次のように関数が定義されていて、 <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く