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

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

sponsors

使用方法

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>

サンプル

Demo1
Demo2
Demo3
Demo : horizontally

sponsors

Javascriptサンプルページ一覧
skuare.net