シンプルなニュースティッカーjavascript「aScroller」

ニュースを電光掲示板のように表示するのはニュースティッカーと呼ばれます。
今回はとてもシンプルなaScrollerを紹介します。

使用方法
aScrollerからaScroller-1.0.jsをダウンロードし、以下を書き込みます。
<script src="http://yourdomain/aScroller-1.0.js" type="text/javascript"></script>
そしてニュースティッカーの中身を下記のように記述します。
<div id="id名" style="height: 高さ; width: 横幅;">
<div>コンテンツ</div>
<div>コンテンツ</div>
<!-- 以下同 -->
</div>
<script type="text/javascript">
divScroller("id名", "v", 20, 3000);
//第2引数はvなら縦、hなら水平。第3引数はスピード、最後は時間間隔
</script>
シンプルなニュースティッカーjavascript「aScroller」サンプル

2008年01月16日

前の記事：要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
次の記事：テーブルの表を伸縮させるjavascript「ElasticTable」

関連記事

• カラフルな電光掲示板を作成するjavascript「led scroller」
• jQueryベースのニュースティッカーjavascript「liScroll」
• マウスウィールでも横スクロールするjavascript「horizontinyscrolling.js」
• [jQuery]spinner
• [jQuery]SerialScroll

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」