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

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

2008年03月28日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
woork: Using CSS and Mootools to simulate Flash horizontal navigation effect

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


クリックでデモを表示


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



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

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

関連の記事検索:JavaScript, CSS, javascript
スポンサード リンク

By.KJ : 2008年03月28日 10:09 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)