文字を流してみた－アフィリエイト初挑戦の軌跡

文字を流してみた

●ブログの文字を流す方法

　実は数日前から、右フレームのブログランキングの欄に「ワンクリック」という言葉を、流れるように加工していました。

　方法はいたって簡単です。

１）流したい文字の前に＜marquee＞というタグを記入

２）流したい文字の直後に＜/marquee＞というタグを記入すればOK

例）「＜marquee＞文字が流れます＜/marquee＞」　というタグを書くと
文字が流れます

３）そのままでは右から現れて左へ隠れる動作になりますが、それとは違ったスクロールの動きも指定することもできます
　＜marquee＞のタグ内にオプションの記述を加えます

４）文字を往復させる
　＜marquee　behavior="alternate"＞というタグにすると
　文字が右左往復します

５）文字が流れたあと停止
　＜marquee　behavior="slide"＞というタグにすると
　文字が左端に行くと停止します（再稼動はF5キー）

６）文字の流れる方向も変えることができます
　＜marquee　direction="right"＞というタグにすると
　文字が左から右へと動きます

７）文字を縦方向に動かすこともできます
　＜marquee　direction="up"＞というタグにすると
　文字が上へと動きます

８）もちろん下に動かすこともできます
　＜marquee　direction="down"＞というタグにすると
　文字が下へと動きます

９）behaviorとdirectionを同時に使うこともできます
　＜marquee　behavior="alternate" direction="down"＞というタグにすると
　文字が上下往復します

１０）スクロールのスピードをかえることもできます
　＜marquee　scrolldelay="100"＞というタグにすると
　通常のスピードより
　文字のスピードが遅くなります
　何も指定しないときのスピードは８５になっているそうです。

ちなみに文章内の「＜」と「＞」は機能しないよう全角にしてあります。実際に使用する際は半角をお使いください。

●スクロール機能を使って遊んでみた
　自動車の絵文字をスクロールさせて高速道路を再現してみました。