lHTML マーキー(文字などのスクロ-ル) '98. 4.15 / 96.12. 6
l.お知らせ 内容 LINK FILE   HTML Win PC Unix MS-DOS C C++ Mfc Java 
.全般_ .文字 _配置   _リンク .フレ-ム  CGI .タグ一覧.
登録_ .音・画. .スタイル .--. .ActiveX.  ---  .名前. _一覧
 マーキー  その他の例 
       

最も簡単な例。
<MARQUEE>表示文字。</MARQUEE>
表示文字。
画面の左右いっぱいにスクロールさせるには、BODY タグと共に LEFTMARGIN=0 を指定して、ページの左余白を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/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>

移動距離=0 ( 停止 )
<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="MS 明朝"><B>おはよう</B></FONT></DIV>
<DIV STYLE="FONT:120PX; COLOR:WHITE; MARGIN-TOP:-140PX;">
<FONT FACE="MS 明朝"><B>おはよう</B></FONT></DIV>
</MARQUEE><BR>

おはよう
おはよう

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


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

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