ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」
2007年07月19日
スポンサード リンク
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 デザインの際に一歩、他と差をつけたいという場合は覚えておけば役に立ちそうですね。
スポンサード リンク
投稿者 KJ : 2007年07月19日 10:07
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















