文字や画像をスクロールさせてみませんか？

サイトやブログの彩りとして文字や画像をスクロールさせているのをよく見かけますが、あれって意外と難しくないんです。
ちょっと見た目が寂しい、動きが欲しい…という時のアクセント付けには丁度いいと思います。チャレンジしてみませんか？
まずは基本として文字のスクロールから。

<marquee>文字</marquee>
↓こうなります。
文字

これだけでOKです。簡単でしょ？

画像をスクロールさせたい場合は

<marquee>
<img src="画像ファイルのURL" width="横幅" height="縦幅" border="0">
</marquee>
↓こうなります。




ここでの横幅・縦幅は画像の大きさに合わせて下さい。
大体でOKです。画像が歪まない程度に。
スクロールの範囲は画面の端から端、又はブログなら記事の範囲内等で動きます。

端で折り返して往復させたい場合は

<marquee behavior="alternate">往復してま〜す。</marquee>
↓こうなります。
往復してま〜す。

速さを調整したい場合は

<marquee scrollamount="8">文字</marquee>
↓こうなります。
少し速く。

↓数字を4にするとこうなります。
少しのんびり。

速さは6が標準なので、8だと少し速くなります。
5以下にすればゆっくりした速さにできます。
これらを組み合わせて使いたい場合は、例えば…

<marquee behavior="alternate">
<img src="画像ファイルURL" width="横幅" height="縦幅" border="0">文字</marquee>
↓こうなります。

ひよこ


文字の手前で改行すれば


ひよこ


となります。
<strong>など強調のタグや色指定等も組み合わせて使えますので、特定の事柄を目立たせたりしたい時に効果的かと思います。



ランキング応援して下さると嬉しいです。
お時間のある方は左ランキング欄も押していって下さるともっともっとウレシイ！

　　

コメントには遅くなってもしっかりお返事させていただきます。

〜PR〜