文字を動かす

どーも山崎です

ご訪問ありがとうございます！

昨日から新しく導入した↑の文字を動かすHTML

ソースを調べればすぐわかる事ですが忘れると思うのでメモしておきます

MARQUEEを使うと文字が動きます

左から右に流れる　

<marquee>デフォルト</marquee>

デフォルト


幅を指定して動かす（80%）

<marquee width=”80%”>幅80%</marquee>

幅80%

往復し続ける

<marquee behavior=”alternate”>往復する</marquee>

往復する

端で停止する

<marquee behavior=”slide”>端で停止する</marquee>

端で停止する

文字の流れを左から右へ

<marquee direction=”right”>左から右へ</marquee>

左から右へ

文字の流れを遅くする（デフォルト80）

<marquee direction=”right”><marquee scrolldelay=”120″>遅く<br>

遅く
scrolldelayで文字の再描画の間隔を変更

単位は1/1000秒

数が大きいと再描画まで遅く小さいと速くなる

scrollamountを使うと進む距離を変更

こちらは数字が小さくなると遅く大きくなると速くなる

加えてbgcolorを使えば背景色を変更できます

表示したい物によって使い分ければ今と違った表現ができるかと思いますので興味のある方は一度、試してみて下さい!!!

本日も最後までお読みいただき誠にありがとうございます！