CSS・Javascript

取得した複数件ある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>
Apple Store(Japan)

このアーカイブについて

このページには、過去に書かれた記事のうちCSS・Javascriptカテゴリに属しているものが含まれています。

次のカテゴリはHTML・XMLです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

NEW!!

CSS・Javascript: ARCHIVES

RECOMMEND