マウスオーバー、クリックでメニューが展開するアコーディオンUI色々
【その1】
NETTUTS – Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous
AJAX+CSSでメニューが縦に展開します。同一ウインドウでコンパクトにコンテンツを魅せたいときに。
デモあり。
【その2】
JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
こちらもAJAX+CSSのアコーディオンメニューですが、横に展開します。&うにゅーんとゴムを引っ張ったようなスムーススライドです。
【その3】
The CSS-Only Accordion Effect – CSSnewbie
こちらは、CSSのみで実装のアコーディオンUIです。解説も細かく(英語だけど)勉強にもなりますね。
【その他】
- Easy Scroll v1.0 – Unobtrusive content scroller
- Accordion v2.0
- NYOKIGLITTER – Tab Styled Accordion
- NETTUTS – Web development tutorials and links – Create a Cool Animated Navigation with CSS and jQuery
- woork: Using CSS and Mootools to simulate Flash horizontal navigation effect
コンセプトは、同じですが、こんなに色々なデザインや動きがあるのね、ってくらい、色々あってどれも面白いです。
Leave a comment