インターネット&PC120%活用:インターネット活用編


HTMLタグ実験

マーキーの会参加ページ

ここは、JavaScript や JAVA や CGI(Perl)を使わなくても
HTMLのタグだけでVisual的にこんな面白いホームページ
ができちゃうぞー、ということ実験するページ。

ただし、主にMARQUEEというタグを使うので、現状IEにしか対応しません。

もっとすごいのが、
れれのHomePage(!「パソコン活研5番街/リンク集」にリンク貼ってあります)
(上のバナーからでもO.K.) というサイトにあります。参考にして下さい。きっと
タグだけでこんなことができるなんて、
と感動すること 請け合いです。

1 MARQUEEのおさらい
MARQUEEに記述できる属性一覧

BEHAVIOR 文字の動作
Slide を指定すると文字は同じ方向に流れつづけます   
Alternate を指定すると、文字は端で折り返してきます
BGCOLOR マーキーの背景色
DIRECTION 移動する方向
UP,DOWN,RIGHT,LEFTが指定できます
HEIGHT マーキーを表示する高さ
HSAPCE 左右余白
LOOP 繰り返しの回数
SCROLLAMOUNT 移動の大きさ
SCROLLDELAY 一度の動きに要する時間。高性能なマシンではこの記述をいれないと早すぎて表示しきれません
VSPACE 上下余白
WIDTH マーキーを表示する幅
ちょっと凝った使い方として、以下のようなことができます
文字ではなく、画像、表を指定して動かすこともできる
MARQUEEを入れ子にして、斜めに文字を動かすことができる。

ただし、FrontPage Express などでは、上記の凝ったMARQUEEは作成できません。
自分でタグを記述する必要があります。
このページをFrontPage Expressに読み込ませると MARQUEEタグを勝手に修正して
しまうので表示が壊れてしまいます。
2 MARQUEEの例

(1) 表を入れ子にして斜めマーキーにした例
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>


(2) 左右に揺れる雪を降らせてみました



. * * * * * *. * * * * * *. * * * * * *. * * * * * *
`(^_^)
--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>

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

TopPage


inserted by FC2 system