lHTML　マーキー(文字などのスクロ-ル) '98. 4.15 / 96.12. 6
l.お知らせ　内容　LINK　FILE 　 HTML　Win　PC　Unix　MS-DOS　C　C++　Mfc　Java　
.全般_ .文字 _配置 　表 _リンク .フレ-ム 　ＣＧＩ .タグ一覧.
登録_ .音・画. .スタイル .マ-キ-. .ActiveX. 　---　 .色の名前. _色一覧
　マーキー 　その他の例　
　 　 　 　
◆最も簡単な例。
<MARQUEE>表示文字。</MARQUEE>
表示文字。
画面の左右いっぱいにスクロールさせるには、BODY タグと共に LEFTMARGIN=0 を指定して、ページの左余白を０にします。
(このページはレフトマージンを指定してません。省略時＝10程度。)


◆使用できるタグの一覧。　(必要なものだけを使います。)
<MARQUEE
WIDTH="110"
HEIGHT="30"
BEHAVIOR="SLIDE"
DIRECTION="RIGHT"
SCROLLAMOUNT="20"
SCROLLDELAY="500"
LOOP="0"
ALIGN="TOP"
HSPACE="50"
VSPACE="10"
BGCOLOR="#D0FFD0"
>
AA
</MARQUEE>
BB<BR>
 　
幅(マーキーの枠の大きさ)。画面幅に対する％でも可。
高さ。　〃
動き方。SLIDE/ALTERNATE/SCROLL(=省略時。)
移動方向。UP/DOWN/RIGHT/LEFT(=省略時。)
１回の移動距離。
移動する間隔時間。 1/1,000 秒単位。
回数。0 は無限。 ....3/2/1/0(=省略時。)
同じ行の文字の位置。TOP/MIDDLE/BOTTOM(=省略時。)
左右の余白。
上下の余白。
マーキーの枠内の色。

マーキーに表示する内容。( 画像、複数行も可。)

同じ行に表示する文字。
AA BB
　
上記の値での表示例です。
動作を見るには、[更新]ボタンをクリックして下さい。


◆動き方 　三番目の動作を見るには、[更新]して下さい。
<MARQUEE BGCOLOR=Beige WIDTH=300 BEHAVIOR=SCROLL>
SCROLL-SCROLL　SCROLL ( デフォルト )
ALTERNATE　ALTERNATE　交互に、行ったり来たり。
SLIDE-SLIDE　SLIDE　端に行くと、はみ出さずに消えます。
</MARQUEE>


◆方向
<MARQUEE BGCOLOR=AquaMarine WIDTH=300 DIRECTION=LEFT>
LEFT　LEFT ( デフォルト )
DOWN　DOWN
 　　UP　UP
RIGHT　RIGHT
</MARQUEE>


◆移動間隔 ( 時間 )
<MARQUEE BGCOLOR=Wheat WIDTH=300 SCROLLDELAY=82>
82ms　無指定
82ms　82 ( ほぼデフォルト )
500ms　500
</MARQUEE>


◆移動間隔 ( 距離 ) マ-キ-全体をコピーする操作をすると 目盛が現われます。
<MARQUEE BGCOLOR=Wheat WIDTH=500 SCROLLAMOUNT=20>
無　無
６　６
20　20
40　40
</MARQUEE>

移動距離＝０ ( 停止 )
<MARQUEE WIDTH=100 BGCOLOR=Wheat SCROLLDELAY=5000 BEHAVIOR=ALTERNATE SCROLLAMOUNT=0>
停止 　　コピーする操作をすると、[停止] が動きます。
</MARQUEE>


 ◆＊＊＊
<MARQUEE BGCOLOR=tan WIDTH=300 HEIGHT=60 ALIGN=TOP>
T<BR>
T
　TOP　　 M<BR>
M　MIDDLE　　 B<BR>
B　BOTTOM
</MARQUEE>


 ◆文字の色
<FONT COLOR=WHITE SIZE=5>
<MARQUEE WIDTH=50%>●
<FONT COLOR=RED> ●</FONT>
<FONT COLOR=YELLOW> ●</FONT>
<FONT COLOR=GREN> ●</FONT>
<FONT COLOR=BLUE> ●</FONT> ●
● ● ● ● ● ●
</MARQUEE><BR>
</FONT>
◆マーキーの中で動くもの。
画像
<FONT COLOR=Brown>
<MARQUEE WIDTH=13% BEHAVIOR=ALTERNATE SCROLLAMOUNT=4>
画<IMG SRC="../gazou/Big-BT_M.gif">像
</MARQUEE></FONT>

 GIF 動画
<MARQUEE WIDTH=13% BEHAVIOR=ALTERNATE SCROLLAMOUNT=1>
<FONT COLOR=RED>■<IMG SRC="./gazou_h/Big-KOJI.gif">■</FONT>
</MARQUEE>
 ■■

区切り線 ( 水平線 )
<MARQUEE HEIGHT=100 BEHAVIOR=ALTERNATE DIRECTION=UP>
<HR SIZE=20>
</MARQUEE>

表　ページの内容全体も動きますが、読みにくくなります。
動作を見るには、[更新]して下さい。
<MARQUEE BEHAVIOR=SLIDE LOOP=1>
<TABLE BGCOLOR=WHITE CELLPADDING=10>
<CAPTION ALIGN=LEFT>表</CAPTION>
<TR><TD>表の中</TD></TR>
</TABLE>
</MARQUEE>



◆スタイル
<MARQUEE WIDTH=500PX BEHAVIOR=ALTERNATE SCROLLAMOUNT=1>
<DIV STYLE="FONT:120PX; COLOR:B0FFB0; MARGIN-LEFT:3PX;">
<FONT FACE="ＭＳ 明朝"><B>おはよう</B></FONT></DIV>
<DIV STYLE="FONT:120PX; COLOR:WHITE; MARGIN-TOP:-140PX;">
<FONT FACE="ＭＳ 明朝"><B>おはよう</B></FONT></DIV>
</MARQUEE><BR>
おはよう
おはよう

◆マーキーの幅より長い文
<DIV STYLE="FONT-SIZE:50PX;">
<MARQUEE WIDTH=250 SCROLLAMOUNT=220 SCROLLDELAY=1000>
<FONT FACE="ＭＳ 明朝" COLOR=RED>
   りんご
　 <FONT COLOR=Orange>みかん</FONT>
　<FONT COLOR=YELLOW>バナナ</FONT>
　<FONT COLOR=GREEN>キウイ　</FONT><BR
　<FONT COLOR=blue>←　←　←　</FONT><BR
></FONT></MARQUEE></DIV>
りんご 　 みかん 　バナナ 　キウイ 　←　←　←


◆特殊フォント
スタイルを使っていますが、サイズ７以下で表示するなら 使う必要ありません。

 Wingdings

<FONT FACE="Wingdings" COLOR=BLUE SIZE=7 STYLE="FONT:30PT Wingdings">
<MARQUEE BEHAVIOR=ALTERNATE>
6789:;<=>?.+<FONT COLOR=000080>(</FONT>'&%$!$Zk|
</MARQUEE></FONT></FONT><BR>
 6789:;<=>?.+('&%$!$Zk|

Webdings <MARQUEE BEHAVIOR=ALTERNATE SCROLLAMOUNT=1> <FONT FACE="Webdings" SIZE=7 STYLE="FONT-SIZE:80PX"> <FONT COLOR=RED>A</FONT> <FONT COLOR=E0E000>B</FONT> <FONT COLOR=BLACK>C</FONT> <FONT COLOR=TAN>D</FONT> <FONT COLOR=GREEN>E</FONT><BR> </FONT></MARQUEE><BR> A B C D E



T
　　mtoga@sannet.ne.jp 　 登録日 '96. 6.15
URL : http://www.page.sannet.ne.jp/mtoga/index.html