流 れ 星 カラーボール 花 火 野鳥の集い My photos





文字や画像を色々動かして遊んでみよう、ここでは代表的なものばかりですがマーキータグの組み合わせ
により様々な動きをします。少しずつでも毎日続けて楽しみながら思い通りの動きが出来た時の達成感は
山登りと同じで何とも云えません。それでは第一歩を踏み出しましょう。

Welcome to My Homepage



右から左に動く文字
右から左に動く文字
<table border="2"width="600"><marquee><font size="3"color="dd0000">
<b>右から左に動く文字</b></font></marquee></table >


width="600"= テーブルの長さ
font size= 文字の大きさ
color= 文字の色(カラー番号)
b= 文字が太くなる


左から右に動く文字
左から右に動く文字
 <marquee direction="right"scrollamount="2"><font color="ffffff"size="3">
 <b>左から右に動く文字</b></font></marquee>


 direction="right"=左から右に
scrollamount="2"=動く早さ


左右に往復する文字
左右に往復する文字
<marquee scrollamount="7" behavior="alternate"bgcolor="99bbbb">
<font color="771155"size="3"><b>左右に往復する文字</b></font></maquee>


behavior="alternate"=往復


左端で止まる文字
左端で止まるもじ文字
<marquee scrollamount="8" behavior="slide"width="600">
<font color="ffff00"> <b>左端で止まるもじ文字</font></b></marquee>


ブラウザーの更新
slide=左端で止まる


スクロール回数の指定
スクロール回数指定
<marquee scrollamount="9"loop="3"><font color="11bbff"> <b>スクロール回数指定</font></b></marquee>

ブラウザーの更新
loop="○"=スクロール回数指定



下から上に動く文字
下から上に動く文字
<marquee scrollamount="15" direction="up"><font color="ffffff"siz="2">
<b>下から上に動く文字</font></b></marquee></tr></td></table>


direction="up"=下から上に動く文字
ちなみにfontを小さくして速度を上げました



上から下に動く文字
上から下に動く文字
<marquee scrollamount="3" direction="down"><font color="000000">
<b>上から下に動く文字</font></b></marquee></tr></td></table>


direction="down"=上から下に動く文字



文字が上下に波打ちながら動く
文字が上下に波打ちながら動く
<marquee behavior="alternate"scrollamount="8" direction="up" height="50"> <marquee direction="left">
<font color="770000"><b>文字が上下に波打ちながら動く</b> </font></marquee></marquee></td></tr>


ここではmarqueeを組み込んでいます。
scrollamount="8"とheight="60"を組み換える事でうねりやさざ波にもなります。
leftとrightの入れ替えと両方の組み入れ


マウスを乗せると止まる
マウスを乗せると止まる
<marquee width="500" scrollamount="5"onmouseover=this.stop() onmouseout=this.start()>
<font color="ff0000"size="3"><b>マウスを乗せると止まる</b></font></td></tr> </marquee>


this.stop this.start


マウスを乗せると動く
マウスを乗せると動く

これは簡単上記のthis.startとstopを反対にすればよい



回転するように見える文字
★回転するように見える文字 ☆回転するように見える文字 ★回転するように見える文字 ☆回転するように見える文字
<marquee width="120" behavior="alternate">
 <font size="3" color="007700"><b>★回転するように見える文字</b></font>
 <font size="3" color="ff0011"><b>☆回転するように見える文字</b></font>
 <font size="3" color="9900ff"><b>★回転するように見える文字</b></font>
 <font size="3" color="0000dd"><b>☆回転するように見える文字</b></font>
 </marquee>


   width="120"を大きくしないように  

11種類の代表的な動き方を取り上げてみましたがそれぞれの動き方の特徴を取り込んで
画像・イラスト・アニメなどでさまざまな動きが数知れず作り上げる事ができますマーキータグ
やScriptを理解して毎日少しずつ作品を作り上げる楽しみを味わっていただけると嬉しいです。
まだまだ勉強不足ですから間違っている所があるかと思いますがお許しください。

MENU 

次ページ