前の記事 ≪:2011年5月19日 管理人のブックマーク
次の記事 ≫:広告デザインのためのPhotoshopチュートリアル15

コンテンツを流し読みしたいような場合に便利なUIを提供してくれる自動スクロール実装jQueryプラグイン「aautoscroll」

2011年05月20日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jquery.aautoscrol Demonstration

コンテンツを流し読みしたいような場合に便利なUIを提供してくれる自動スクロール実装jQueryプラグイン「aautoscroll」.
ブロック要素なんかをサイズ調整してスクロールさせているようなケースで、コンテンツを自動スクロールさせ、流し読みできたりするUIを作れます。
スクロールの方向(上下左右)やスピード調整が可能で、開始・停止・1からやり直しといったメソッドが実装されていて使えそう。

画像スライダーもいいのですが、テキストスライダーという感じで、マウス操作なしでコンテンツを読めるのはいいケースがあるかも。
テキスト以外にも横方向にも動かせるので別の使い方もできます。



基本的な使い方は、ライブラリを読み込んだら以下のようにコールするだけです。

$("scrollable").autoscroll([settings]);

オプション等は配布サイトを参照してみてください。

関連エントリ
関連の記事検索:プラグイン, スクロール, UI
スポンサード リンク

By.KJ : 2011年05月20日 09:01 livedoor Readerで購読 Twitterに投稿

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