CSS・Javascript: 2007年12月アーカイブ

取得した複数件あるRSSを効率よく表示させるにはスクロールさせるのがいい。
テキストをスクロールさせるJavascriptは数多く公開されているが、aScrollerがシンプルで使いやすい。

aScroller
http://digitalhymn.com/argilla/ascroller/

使い方は簡単
上記サイトからダウンロードして読み込むだけでいい。

<script type="text/javascript" src="aScroller-1.0.js">
</script>

<div id="名称" style="height: 表示高; width: 表示幅;">
<div>この部分のテキストがスクロールする</div>
</div>

<script type="text/javascript">
divScroller("名称", "方向", 速度, 間隔);
</script>

縦スクロール：v
横スクロール：h

動作サンプル

動作サンプル

ユーザビリティから言えば本来の利用方法とは言えないので、全体で使うのはお薦めしないが、タイトルや他と区別したい時などに使う一つの方法として。

なお、1pxの太さのdottedは「IE」ではdashedになるのでdottedにしたい場合は2px以上にするといい。

<style type="text/css"><!--
a {
    text-decoration: none;
    color: #0000B1;
    border-bottom-color: #0000B1;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
--></style>