CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」
2006年10月04日
スポンサード リンク
This script is a highly flexible means of converting HTML content into powerful popup menus, using either nested lists or DIV tags for menu data, and following best practice guidelines for powerful and accessible menus.
CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」。
ブラウザ上で動くWindowsのメニュー風のUIは結構見かけますが、アニメーションするものはあまり見かけませんね。
フェードアウトしてくれる点やなめらかな動作がなんともクールです。
作成時のHTMLは次のような<ul><li>要素を作るのみなのでHTML的にクリーンに作れます。
<ul class="menulist" id="listMenuRoot">
<li><a href="#">Home</a></li>
</ul>
あとは、CSSでデザインし、JavaScriptを読み込んで id="listMenuRoot" のものとメニューを関連付ける処理を行います。
ライセンスは完全フリーではなく、http://www.twinhelix.com/ に対してリンクするか、カンパするかどちらかが必要のようです。
関連エントリ
スポンサード リンク
投稿者 KJ : 2006年10月04日 07:02
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- 2008年8月29日 管理人のブックマーク
- 全キャリア対応のデコメールの作成・変換が可能なPHPライブラリ「Qdmail」
- プロフェッショナルなノートパソコンの広告風画像を作る流れ
- 歯車や雲、人型など実用的なPhotoshopブラシ集
- 2008年8月28日 管理人のブックマーク
- オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」
- 表示法が新しくセクシーなLightBox「SexyLightBox」
- 背景画像やテクスチャ画像のリソース13サイト
- 2008年8月27日 管理人のブックマーク
- Ajaxベースのクールなショッピングカート作成
- WEBで好きな曲を共有可能な音楽共有オープンソース「Opentape」


















