Subject   : マーキー(marquee)の簡単な例

カテゴリー  : Home page



マーキー(marquee)は文字列などを流れるように動かすことができるタグ です。簡単に動きのあるページが作れますがIntenetExplorerでは使えますが Netscapeでは動きませんので、注意が必要です。
画像も動かせますし、工夫次第で面白い動きをさせることもできます。

移動の方向(流れの向き)

<MARQUEE DIRECTION="方向"></MARQUEE>

方向 : RIGHT (右)、 LEFT(左)、UP (上)、DOWN (下) が選択できますが、
何も指定してない状態ですと左方向から流れます(LEFT)。

<marquee direction="right">右から移動します。</marquee>
右から移動します。 <marquee direction="up">下から上に移動します。</marquee>
下から上に移動します。

マーキーの移動の仕方

<MARQUEE BEHAVIOR="移動の仕方"</MARQUEE>

移動の仕方 :  ALTERNATE (交互), SLIDE(スライド), SCROLL(スクロール) 特に指定しない場合は, スクロールと同じ動作になります。
<marquee behavior="alternate">ALTERNATE (交互)です</marquee>
ALTERNATE (交互)です

<marquee behavior="slide">SLIDE(スライド)です</marquee>
* スライドは左端までいくと止まります。止まっていたら更新してください!

SLIDE(スライド)です

マーキーを繰り返す回数

<MARQUEE LOOP="数字"></MARQUEE>
<marquee loop="5">5回で消えますよ</marquee>
5回で消えますよ

その他の応用例

●背景色を変える
<MARQUEE BGCOLOR="色番号or色の名前"></MARQUEE>

<marquee bgcolor="pink">背景をピンク色にします</marquee>
背景をピンク色にします

●応用例
<marquee behavior="alternate" bgcolor="skyblue">
<font color="#ffffff" size="7">往復運動です</font></marquee>

往復運動です

●マーキーに幅や高さも指定することができます
   幅WIDTHと高さHEIGHTで、指定します

<marquee width="400" height="60"><font size="7"><b>動かす幅を変えています</b></font></marquee>
動かす幅を変えています
●ブリンク(点滅)します
  *scrolldelayの値を変えることによって、点滅の速さを変えることができます。
<MARQUEE scrolldelay=300 scrollamount=100 width=100>  ブリンク(点滅)します</MARQUEE>
  ブリンク(点滅)します


[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]