CSS・Javascript

ニュースティッカーに便利なJavascript(aScroller編)

取得した複数件ある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

動作サンプル1

テキストが横スクロールします

動作サンプル2

テキストが縦スクロールします

リンク文字の下線(アンダーライン)を点線にするCSS

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

なお、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>