タグ(文字を動かすマーキー)基礎



[HTMLタグ] 文字を 「テロップのように動かす」

このタグはこれです。文字を<marquee>「テロップのように動かす」</marquee>

※このHTMLタグは、利用者の環境によっては正常に動作しない場合があります。
(Internet Explorerのみで動作し、Netscape Navigator では動作しません。)

 テロップのように動かしたい文字を<marquee>と</marquee>でくくると、間にある文字を動かして表示することができます。

●文字を点滅させたい

[HTMLタグ] 文字を 「点滅させる」

このタグはこれです。文字を<blink>「点滅させる」</blink>

※このHTMLタグは、利用者の環境によっては正常に動作しない場合があります。
(Netscape Navigator のみで動作し、Internet Explorer では動作しません。)

 点滅させたい文字を<blink>と</blink>でくくると、 間の文字を点滅させて表示することができます。


これなんですが、使っているインターネットのソフトによってつかえたり、   
表示されたりが異なります。ですから、使用する時には気をつけてください。
私はIE(インターネットエクスプローラー)ですので、点滅のタグは使えても、
実際の点滅を自分で見ることは出来ません(/_;)つまり、表示されません。
これ、を頭にいれてくださいね。見えないけど、書くことはできますよ(^_^)v
つまり書くのは誰でも出来ますが、表示されない方もいるということです。
JAVAというものを使えばIEでも表示されるようですが、楽天はJAVA対応では
ありません(使えません)ので、IEの方は点滅の表示はあきらめましょう(笑)



左にスクロール <marquee>左にスクロール</marquee>

左にスクロール

右にスクロール <marquee direction=right width=100% scrollamount=5>右にスクロール</marquee> amount=5 は 1~20の範囲

右にスクロール

左右にスクロール <marquee behavior=alternate>左右にスクロール</marquee>

左右にスクロール

上にスクロール <marquee direction=up>上にスクロール</marquee>

上にスクロール

上にスクロール

下にスクロール <marquee direction=down>下にスクロール</marquee>

下にスクロール

下にスクロール

上下にスクロール <MARQUEE direction=up behavior=alternate>上下にスクロール</MARQUEE>

上下にスクロール

上下にスクロール

動き回る <MARQUEE behavior=alternate bgcolor=ivory direction=up height=100 width=100%><MARQUEE behavior=alternate><FONT color=darkgreen>動きまわる</FONT></BR><FONT color=red>動きまわる</FONT></MARQUEE></MARQUEE>

動きまわる 動きまわる

文字のところを <IMG SRC="画像"> に書き換えたら GIFアニメが動き出します

 こうやると、枠つきで、横に移動する文字ができます。
日記毎日更新中   ページ随時更新中(2~3日毎)  ページ内微調整、若干変更ほぼ毎日(暇人なので・・・笑)


 そのタグです。
<center><table width="350" style="border:1px solid #9D756B;" cellspacing="2" cellpadding="1"><tr><td align="center"><font size="3"><marquee><font color="blue">日記毎日更新中 <font color="black"> ページ随時更新中(2~3日毎)<font color="green"> ページ内微調整、若干変更ほぼ毎日(暇人なので・・・笑)</marquee></td>
</tr></table></center>


参考までに・・・。
スクロールの属性には、
「サイズ」・「動き」・「回数と時間」があります

サイズに関する属性
スクロールする範囲の幅と高さを設定します。
幅はwidht="ピクセル"、または"%"で設定します。
高さはheight="ピクセル"、または"%"で設定します。

動きに関する属性
スクロールの動き方と方向を設定します。
スクロールの動き方はbehavior="scroll"、"alternate"、"slide"で設定します。
scroll : 片方からでてきてページを横切る動作を繰り返す
alternate : スクロールする範囲の片端にくると、逆方向にスクロール
slide : スクロールする範囲の片端にくると停止
デフォルト(属性を指定しない場合)は scroll です。

スクロールの方向はdirection="left"、"right"、"up"、"down"で設定します。
デフォルト(属性を指定しない場合)は left(右から左)です。

回数と時間に関する属性
スクロールする回数はloop="回数"で設定します。
デフォルト(属性を指定しない場合)は無限にスクロールを繰り返します。
再描画までの時間はscrolldelay="秒数"で設定します。
単位は1/1000秒でデフォルト(属性を指定しない場合)は scrolldelay="85"です。
この値が大きいと遅く、小さいと速くなります。
再描画までの距離はscrollamount="ピクセル"で設定します。
ピクセル数で指定し、デフォルト(属性を指定しない場合)は scrollamount="6"です。
この値が大きいと速く、小さいと遅くなります。

追加 bgcolor="#0099FF" … マーキーの背景色を指定します。


© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: