前の記事 «:IEでのデバッグ/動作確認に便利なソフトいろいろ
次の記事 »:PHP+Ajaxで軽快かつ使いやすいメールフォーム「AjaxMail」

カーソル位置によって自動スクロールする小窓実装ライブラリ

2008年03月28日

スポンサード リンク
woork: Using CSS and Mootools to simulate Flash horizontal navigation effect

カーソル位置によって自動スクロールする小窓実装ライブラリ。
枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左へスクロールするような小窓を実装するためのライブラリが公開されています。


クリックでデモを表示


次のように、見えている部分と、隠している部分をCSSによって出し分けています。
JavaScriptによってスクロール処理を実装。



横スクロールしていくようなUIの実装に使えそうです。

また、サンプルのような大きいブロックではなく、小さい領域で、いくつかの情報を格納するのにも便利そうですね。
mootools+CSSで実装されているようです。

スポンサード リンク

投稿者 KJ : 2008年03月28日 10:09 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。