ＨＴＭＬタグ実験

　パソコン活用研究ノースアイランド（ホームページ作成＆JavaScript研究）

ＨＴＭＬタグ実験

マーキーの会参加ページ

ここは、ＪａｖａＳｃｒｉｐｔや　ＪＡＶＡ　や　ＣＧＩ（Ｐｅｒｌ）を使わなくても
ＨＴＭＬのタグだけでＶｉｓｕａｌ的にこんな面白いホームページ
ができちゃうぞー、ということ実験するページ。

ただし、主にＭＡＲＱＵＥＥというタグを使うので、現状ＩＥにしか対応しません。

もっとすごいのが、れれのＨｏｍｅＰａｇｅ（！「パソコン活研５番街／リンク集」にリンク貼ってあります）
（上のバナーからでもO.K.）というサイトにあります。参考にして下さい。きっとタグだけでこんなことができるなんて、
と感動すること請け合いです。

１　ＭＡＲＱＵＥＥのおさらい
ＭＡＲＱＵＥＥに記述できる属性一覧

ＢＥＨＡＶＩＯＲ	文字の動作Ｓｌｉｄｅ　を指定すると文字は同じ方向に流れつづけます　　　Ａｌｔｅｒｎａｔｅ　を指定すると、文字は端で折り返してきます
ＢＧＣＯＬＯＲ	マーキーの背景色
ＤＩＲＥＣＴＩＯＮ	移動する方向ＵＰ，ＤＯＷＮ，ＲＩＧＨＴ，ＬＥＦＴが指定できます
ＨＥＩＧＨＴ	マーキーを表示する高さ
ＨＳＡＰＣＥ	左右余白
ＬＯＯＰ	繰り返しの回数
ＳＣＲＯＬＬＡＭＯＵＮＴ	移動の大きさ
ＳＣＲＯＬＬＤＥＬＡＹ	一度の動きに要する時間。高性能なマシンではこの記述をいれないと早すぎて表示しきれません
ＶＳＰＡＣＥ	上下余白
ＷＩＤＴＨ	マーキーを表示する幅

ちょっと凝った使い方として、以下のようなことができます
文字ではなく、画像、表を指定して動かすこともできる
ＭＡＲＱＵＥＥを入れ子にして、斜めに文字を動かすことができる。

ただし、ＦｒｏｎｔＰａｇｅＥｘｐｒｅｓｓ　などでは、上記の凝ったＭＡＲＱＵＥＥは作成できません。
自分でタグを記述する必要があります。
このページをFrontPage　Expressに読み込ませると MARQUEEタグを勝手に修正して
しまうので表示が壊れてしまいます。
２　ＭＡＲＱＵＥＥの例

（１）　表を入れ子にして斜めマーキーにした例

BACIC　

FORTRAN　

C/C++　

COBOL　

パソコン活用研究

ソースはちょっと長いけど、こんなかんじ

<MARQUEE WIDTH=250 bgcolor=44ff22 direction=right scrollamount=5>
<MARQUEE direction=up scrollamount=1 height=60>
<table border="1" bgcolor=#2222ff>
<tr>
<td><FONT color=#FF2233>BACIC</FONT>　</td>
</tr>
</table></MARQUEE>
<MARQUEE direction=down scrollamount=1 height=60>
<table border="1" bgcolor=#2222FF>
<tr>
<td><FONT color=#55FF33>FORTRAN</FONT>　</td>
</tr>
</table></MARQUEE>
<MARQUEE direction=up scrollamount=1 height=60>
<table border="1" bgcolor=#2222FF>
<tr>
<td><FONT color=#ffff44>C/C++</FONT>　</td>
</tr>
</table></MARQUEE>
<MARQUEE direction=down scrollamount=1 height=60 >
<table border="1" bgcolor=#2222FF>
<tr>
<td><FONT color=#55ff88>COBOL</FONT>　</td>
</tr>
</table></MARQUEE></MARQUEE><br>
<MARQUEE WIDTH=250 bgcolor=44ff22 behavior=alternate direction=right><font color=#ff0000 size=4>パソコン活用研究</FONT></MARQUEE>

（２）　左右に揺れる雪を降らせてみました

. * * * * * *. * * * * * *. * * * * * *. * * * * * *
`(^_^)
--H--/
../ |
わーい雪だ

<font color=#ffffff><MARQUEE width =100 hight=100 scrollamount=5 bgcolor=#222299 direction=down><MARQUEE direction=right behavior=alternate scrollamount=2 HEIGHT=100>. * * * * * *</MARQUEE><MARQUEE direction=left behavior=alternate scrollamount=1 >. * * * * * *</MARQUEE><MARQUEE direction=right behavior=alternate scrollamount=1 height=100 >. * * * * * *</MARQUEE><MARQUEE direction=left behavior=alternate scrollamount=2 >. * * * * * *</MARQUEE></MARQUEE><br><MARQUEE bgcolor=#222299 height=80 width=100 behavior=alternate scrollamount=2> `(^_^) <br>--H--/<br> ../ | <br>わーい雪だ</MARQUEE>

ＨＴＭＬのたぐだけで、こんな動くページができちゃうなんてすごくないですか。

ＴｏｐＰａｇｅ

[PR]無料ﾃﾞｺﾒはﾃﾞｺｶﾞﾁｬ:使い放題だよ♪