前の記事 ≪:リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ...
次の記事 ≫:PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」

ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」

2007年07月19日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jsScrolling
Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much.

ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。


画像で実装したスクロールバーをブロック要素に付けた例


右側にプレーンな分かりやすいスクロールバーを付けてみた例

実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。

scroller  = new jsScroller(document.getElementById("Scroller-1"), 400, 200);
scrollbar = new jsScrollbar(document.getElementById("Scrollbar-Container"), scroller, false);
// div id="Scroller-1" のブロック要素をスクロールさせる例。Scrollbarクラスによってスクロールバーの初期化も行う

一見Flashかと思うようなUIもjsScrollerを使えば簡単に作れてしまいます。
UI デザインの際に一歩、他と差をつけたいという場合は覚えておけば役に立ちそうですね。

関連の記事検索:JavaScript, ライブラリ, スクロール
スポンサード リンク

By.KJ : 2007年07月19日 10:07 livedoor Readerで購読 Twitterに投稿

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