で、詳細なHTMLのマーキーのプロパティ

転送:https://www.jb51.net/web/531309.html

ラベルは、HTML3.2の一部ではなく、カーネルだけ後MSIE3をサポートしていますので、あなたは(のような:ネットスケープ)非IEブラウザのカーネルを使用する場合は、以下のいくつかの非常に興味深い結果を見ることができない場合があります

タグは、タグのコンテナです

構文:

1
< marquee ></ marquee >

以下は簡単な例です:

コードは以下の通りであります:

1
< marquee >< font size=+3 color = red >Hello, World</ font ></ marquee >

以下の2つのイベントが頻繁に使用されます。

ONMOUSEOUT =「this.start()」:マウスが領域を設定するために使用されるとき展開し続けます

onMouseOverの=「this.stop()」:マウスを移動させるために使用される設定ストップスクロール領域

コードは以下の通りであります:

1
< marquee onMouseOut = "this.start()" onMouseOver = "this.stop()" >onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动</ marquee >

これは完全な例です:

コードは以下の通りであります:

1
2
3
< marquee id = "affiche" align = "left" behavior = "scroll" bgcolor = "#FF0000" direction = "up" height = "300" width = "200" hspace = "50" vspace = "20" loop = "-1" scrollamount = "10" scrolldelay = "100" onMouseOut = "this.start()" onMouseOver = "this.stop()" >
这是一个完整的例子
</ marquee >

タグは11個のプロパティをサポートします:

合わせ

セット<マーキー>タグのコンテンツの配置

absbottom:絶対底(整列G、Pおよび他の文字の最下端)に整列
絶対中央整列:absmiddle
ベースライン:ベースラインアライメント
底:底アライメント(デフォルト)
左:左
中央:中間整列
右:右アライメント
texttop:アラインメントのトップライン
トップ:トップアライメント

コードは以下の通りであります:

1
2
3
4
5
6
7
8
9
< marquee align = "absbottom" >align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。 </ marquee >
< marquee align = "absmiddle" >align="absmiddle": 绝对中央对齐。 </ marquee >
< marquee align = "baseline" >align="baseline": 底线对齐。 </ marquee >
< marquee align = "bottom" >align="bottom": 底部对齐(默认)。 </ marquee >
< marquee align = "left" >align="left": 左对齐。 </ marquee >
< marquee align = "middle" >align="middle": 中间对齐。 </ marquee >
< marquee align = "right" >align="right": 右对齐。 </ marquee >
< marquee align = "texttop" >align="texttop": 顶线对齐。 </ marquee >
< marquee align = "top" >align="top": 顶部对齐。 </ marquee >

動作

ローリング方式を設定します。

別の2つの端部の間で前後にローリング。

スクロール:他の端から端までの圧延を、繰り返されます。

スライド:他の一方の端から転がり、繰り返されることはありません。

コードは以下の通りであります:

1
2
3
< marquee behavior = "alternate" >alternate:表示在两端之间来回滚动。 </ marquee >
< marquee behavior = "scroll" >scroll:表示由一端滚动到另一端,会重复。</ marquee >
< marquee behavior = "slide" >slide:  表示由一端滚动到另一端,不会重复。</ marquee >

BGCOLOR

字幕活動は、背景色、背景色利用可能なRGBフォーマットまたは色名を設定する16進数の値を設定します。

コードは以下の通りであります:

1
2
3
< marquee bgcolor = "#006699" >设定活动字幕的背景颜色 bgcolor="#006699"</ marquee >
< marquee bgcolor = "RGB(10%,50%,100%,)" >设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</ marquee >
< marquee bgcolor = "red" >设定活动字幕的背景颜色 bgcolor="red"</ marquee >

方向

設定スクロール方向字幕活動

コードは以下の通りであります:

1
2
3
4
< marquee direction = "down" >设定活动字幕的滚动方向direction="down":向下</ marquee >
< marquee direction = "left" >设定活动字幕的滚动方向direction="left":向左</ marquee >
< marquee direction = "right" >设定活动字幕的滚动方向direction="right":向右</ marquee >
< marquee direction = "up" >设定活动字幕的滚动方向direction="up":向上</ marquee >

高さ

字幕の活動は、高さを設定します

コードは以下の通りであります:

1
< marquee height = "500" direction = "down" bgcolor = "#CCCCCC" >设定活动字幕的高度height="500"</ marquee >

字幕の活動の幅を設定します

コードは以下の通りであります:

1
< marquee width = "500" bgcolor = "#CCCCCC" >设定活动字幕的宽度width="500"</ marquee >

HSPACE

親コンテナレベルの境界線からの距離の位置に設定された距離字幕活動

これは、表示ボックスの周りの横(水平)のスペースを制御します。

コードは以下の通りであります:

1
2
3
4
5
< table width = "500" border = "1" align = "center" cellpadding = "0" cellspacing = "0" >
   < tr >
     < td >< marquee hspace = "100" bgcolor = "#CCCCCC" >hspace="100"</ marquee ></ td >
   </ tr >
</ table >

VSPACE

親コンテナの境界線からの垂直距離の位置に設定された距離字幕活動

これは、表示ボックスの周りの縦(垂直)のスペースを制御します。

コードは以下の通りであります:

1
< marquee vspace = "100" bgcolor = "#CCCCCC" >hspace="100"</ marquee >

ループ

、ダウンデフォルトを圧延、ループ= -1発現されたスクロールの数に設定-1

コードは以下の通りであります:

1
2
3
< marquee loop = "-1" bgcolor = "#CCCCCC" >我会不停地走。</ marquee >
< p >&nbsp;</ p >
< marquee loop = "2" bgcolor = "#CCCCCC" >我只走两次哦</ marquee >

scrollamount

スクロール速度設定活動キャプション、単位画素

コードは以下の通りであります:

1
2
3
< marquee scrollamount = "10" >scrollamount="10" </ marquee >
< marquee scrollamount = "20" >scrollamount="20" </ marquee >
< marquee scrollamount = "30" >scrollamount="30" </ marquee >

scrolldelay

圧延字幕活動(MS)は、2つのユニットミリ秒の間の遅延時間を設定します

一時停止の効果の値に大きなステップがあります

コードは以下の通りであります:

1
2
3
< marquee scrolldelay = "10" >scrolldelay="10" </ marquee >
< marquee scrolldelay = "100" > scrolldelay="100"</ marquee >
< marquee scrolldelay = "1000" >scrolldelay="1000" </ marquee >

おすすめ

転載: www.cnblogs.com/sharpest/p/11514787.html