カテゴリー: スクリプト系

ニュースティッカー

Fantastic News Ticker Newsvine-like using Mootools
http://woork.blogspot.com/2008/07/fantastic-news-ticker-newsvine-like.html

ニュースが定期的にスクロールする、そう、アレです。

これって上手く使えば、MTとかWPのブログソフトで、該当するフィールドをカスタムフィールドにして、ニュース更新できますよね。

↓こちらは、CSSで実装するものです。

CSS Message Box collection

http://woork.blogspot.com/2008/03/css-message-box-collection.html

マウスオーバー、クリックでメニューが展開するアコーディオンUI色々

【その１】
NETTUTS – Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous

AJAX＋CSSでメニューが縦に展開します。同一ウインドウでコンパクトにコンテンツを魅せたいときに。
デモあり。

【その２】
JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」

こちらもAJAX＋CSSのアコーディオンメニューですが、横に展開します。＆うにゅーんとゴムを引っ張ったようなスムーススライドです。

【その３】
The CSS-Only Accordion Effect – CSSnewbie

こちらは、CSSのみで実装のアコーディオンUIです。解説も細かく（英語だけど）勉強にもなりますね。

【その他】

コンセプトは、同じですが、こんなに色々なデザインや動きがあるのね、ってくらい、色々あってどれも面白いです。