マーキー(スクロールテキスト)コメントのHTML

構文:

<マーキー> </ MARQUEE>

以下は簡単な例です:

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

<マーキー> <フォントサイズ= + 3色=赤>こんにちは、世界</ FONT> </ MARQUEE>

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

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

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

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

<マーキーONMOUSEOUT = "this.start()" onMouseOverの= "this.stop()"> ONMOUSEOUT = "this.start()":れるonmouseoverスクロール継続= "this.stop()" マウスは、アウト領域を設定するために使用された場合:スクロールを停止する領域を移動させるためにマウスを設定</マーキー>

これは完全な例です:

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

<マーキーID = "affiche" ALIGN = "左" 挙動= "スクロール" BGCOLOR = "#FF0000" 方向= "アップ" 高さ= "300" 幅= "200" HSPACE = "50" VSPACE = "20" ループ= "-1" scrollamount = "10" scrolldelay = "100" ONMOUSEOUT = "this.start()" onMouseOverの= "this.stop()">

これは完全な例であります

</マーキー>

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

合わせ

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

absbottom:絶対整列底(最下部とG、Pの文字等が整列されます)

absmiddle:絶対中央揃え

ベースライン:ベースラインの位置合わせ

下:下のアライメント(デフォルト)

左:左

ミドル:中間の位置を合わせます

右:右揃え

texttop:スナップトップ

トップ:トップアライメント

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

<マーキーALIGN =「absbottom」> =「absbottom」整列絶対底アライメント(最下Gとを、p個の文字等が整列されています)。</マーキー>

<マーキーALIGN = "absmiddle"> ALIGN = "absmiddle":絶対中央アラインメント。</マーキー>

<マーキーALIGN = "ベースライン"> = "ベースライン" を揃える:ベースラインの整列を。</マーキー>

<マーキーALIGN = "底"> = "底" 整列:底アライメント(デフォルト)。</マーキー>

左对齐</マーキー>:<マーキーALIGN = "左"> = "左" を揃えます

<マーキーALIGN = "中は"> = "中央" を整列:中间对齐</マーキー>

<マーキーALIGN = "右"> = "右" 整列:右对齐</マーキー>

<マーキーALIGN = "texttop"> = "texttop" 整列:トップラインアライメントを。</マーキー>

<マーキーALIGN = "トップ"> = "トップ" 整列:トップアライメントを。</マーキー>

動作

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

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

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

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

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

<マーキー挙動=「代替」>代替の2つの端部の間で前後にローリング。</マーキー>

<マーキー行動=「スクロール」>スクロール:他の端から端まで転がりが、繰り返されます。</マーキー>

<マーキー行動=「スライド」>スライド:他の端から端まで転がり、繰り返されることはありません。</マーキー>

BGCOLOR

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

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

<マーキーBGCOLOR = "#006699"> = BGCOLOR字幕活動の背景色を設定 "#006699" </マーキー>

<マーキーBGCOLOR = "RGB(10%、50%、100%、)">字幕活動が背景色BGCOLOR = "RGB(10%、50%、100%、)" </マーキーを>設定

<マーキーBGCOLOR =「赤」>字幕活動は、背景色BGCOLOR =「赤」</マーキーを>設定しました

方向

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

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

ダウン</マーキー>:<マーキー方向=「ダウン」>の活動は、スクロール方向が方向=「ダウン」を字幕設定します

左</マーキー>:<マーキー方向=「左」>字幕活動は、スクロール方向方向=「左」を設定します

<マーキー方向=「右」>活動字幕圧延方向方向=「右」設定:右</マーキーを>

<マーキー方向=「アップ」> =「アップ」可動字幕方向のスクロール方向を設定:アップ</マーキー>

高さ

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

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

セット高さの高さ= "500" </マーキー> <マーキー高さ= "500" 方向= "ダウン" BGCOLOR = "#1 CCCCCC">字幕活動

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

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

幅幅= "500" </マーキー>設定<マーキー幅= "500" BGCOLOR = "#1 CCCCCC">字幕活動

HSPACE

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

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

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

      <表の幅= "500" ボーダー= "1" 整列= "中心" CELLPADDING = "0" CELLSPACING = "0">

        <TR>

          <TD> <マーキーHSPACE = "100" BGCOLOR = "#1 CCCCCC"> HSPACE = "100" </マーキー> </ TD>

        </ TR>

      </ TABLE>

VSPACE

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

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

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

<マーキーVSPACE = "100" BGCOLOR = "#1 CCCCCC"> HSPACE = "100" </マーキー>

ループ

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

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

<マーキーループは= " - 1" BGCOLOR = "#1 CCCCCC">私は昼寝ます。</マーキー>

<P>&NBSP; </ P>

<マーキーループ= "2" BGCOLOR = "#1 CCCCCC">私はああを2回行く</マーキー>

scrollamount

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

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

<マーキーscrollamount = "10"> scrollamount = "10" </マーキー>

<マーキーscrollamount = "20"> scrollamount = "20" </マーキー>

<マーキーscrollamount = "30"> scrollamount = "30" </マーキー>

scrolldelay

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

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

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

<マーキーscrolldelay = "10"> scrolldelay = "10" </マーキー>

<マーキーscrolldelay = "100"> scrolldelay = "100" </マーキー>

<マーキーscrolldelay = "1000"> scrolldelay = "1000" </マーキー>

 

<マーキー> ... </ MARQUEE>

このような動きは、テキストに限定されるものではない設定モバイル特性は、画像、表、等に適用することができます

マウスのプロパティ

ONMOUSEOUT = this.start()........マウスロールアウト状態

onMouseOverの= this.stop().........たら、マウス通過スクロールを停止します

方向

<方向=#>#=左、右、上、下、<マーキー方向=左>从右向左移!</マーキー>

サイドステップ周り<Bihavior =#>#=スクロール、スライド、代替<マーキー行動=スクロール>円!</マーキー>

<マーキー行動=スライド>は一度だけ休ん行きます!</マーキー>

<マーキー行動=代替> </マーキー>前後に行きます

循環

<ループ=#>#=番号;ループ(無限)<マーキーループ= 3幅= 50%挙動=スクロール>ダウンわずか3回</マーキー>を超えない場合

<マーキーループ= 3幅= 50%挙動=スライド>のみ取る3回</マーキー>

<マーキーループ= 3幅= 50%の行動=代替>だけ3回を行きます!</マーキー>

スピード

<Scrollamount =#> <マーキーscrollamount = 20>ラララ、私は非常に速く、ヨーヨーを行きます!</マーキー>

遅延

<Scrolldelay =#> <マーキーscrolldelay = 500 scrollamount = 100>ラララ、私は先に行くと、しばらくの間停止!</マーキー>

提供外観(レイアウト)

アライメント(位置合わせ)

<ALIGN =#>#=上部、中央、下部<フォントサイズ= 6>

<マーキーALIGN =#幅= 400>ラララ、私はええ移動します!</マーキー>

</ FONT>

背景

<BGCOLOR =#>#= 16進デジタル、または以下の所定の色RRGGBB。

ブラック、オリーブ、ティール、レッド、ブルー、マルーン、海軍、グレー、ライム、

フクシア、ホワイト、グリーン、パープル、シルバー、イエロー、アクア<マーキーBGCOLOR = aaaaee>颜色!</マーキー>

エリア

<高さ=#幅=#> <マーキー高さ= 40幅= 50%BGCOLOR = aaeeaa>面积!</マーキー>

ブランク

(余白)<HSPACE =#VSPACE =#>

<マーキーHSPACE = 20 VSPACE = 20幅= 150 BGCOLOR = ffaaaa中央=整列>面积!</マーキー>

</ P>

<マーキーID = "iescroller" 方向=左高さ= 10 ONMOUSEOUT =開始(); onMouseOverの=停止(); scrollamount = 2 scrolldelay = 10 scrollleft = "0" scrollTopスプライト= "0" 挙動= "代替" BGCOLOR =「# 999999「スタイル=」色:#FFFFFF;フォントサイズ:14;フォントファミリ:「ゴシック」、「ゴシック」、「ヘルベチカ」、「サンセリフ」「タイトル=テキスト>これは、移動したり、テキストを配置する必要があります画像(INSERTコマンドは、カーソルが置かれている画像を挿入するために使用することができる)</マーキー> </ P>

 

 

属性パラメータのスクロールマーキー 

 

     <マーキー> </マーキー>を開始し終了し、パラメータの多くは、実際には、多くの友人、またはアプリケーションを持っている、と絵巻をアップさせ、多くの場合、頻繁に使用され、次の属性このページから、いくつかの簡単なパラメータを行います説明;

スクロールパラメータ:

1:方向:DIRECTION

左---左(デフォルト)

右---右

アップオン------

ダウン下げ----

2:モード:BEHAVIOR

スクロール(デフォルト)の周りにSCROLL -------

SLIDE ---------は再びローリング

前後に転がりALTERNATE -----

3:回数:LOOP

LOOP = -1またはLOOP = INFINITE、そのテキストが無限ループ(デフォルト)スクロールされていることを示す場合

4:速度:SCROLLDELAY

任意の自然数

5:アラインメント:ALIGN

TOP ---------トップの位置を合わせます

中央を揃える------ MIDDLE

BOTTOMは------以下の整列します

6:左越えマウス

onMouseOver=this.stop(); onMouseOut=this.start();

划过停止滚动。离开,继续滚动

有了以上参数。我们就很容易制作出一个logo图片的任意滚动方式,例如:

<marquee width=120 height=200 DIRECTION=up BEHAVIOR=ALTERNATE SCROLLDELAY=120 ALIGN=MIDDLE onMouseOver=this.stop(); onMouseOut=this.start();><a href=http://qjpz.com><img src=http://qjpz.com/bbs/images/logo.gif border=0><marquee>

很容易对照出。这是一个滚动速度为120MM,从下到上碰壁即返回并对齐中间,鼠标划过图标即停止,点击图标进入〈千娇论坛〉的一个来回滚动的代码。

在背景图片上做滚动字幕

<TABLE width="500" border=0>

<TBODY>

<TR>

<TD background=背景图片地址 height=250>

<P><MARQUEE scrollAmount=2 scrollDelay=50 direction=up width=200 height=200 behavior=scroll>要滚动的文字</MARQUEE></P></TD></TR></TBODY></TABLE></DIV>

参数设置:

a)scrollAmount表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好

b)scrollDelay也是用来控制速度的,表示走走停停,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

c)direction很明显是表示滚动的方向,默认为从右向左:←,因此如果是向左滚动的话不需要次参数。其他可选的值还有right,down,up。滚动方向分别为:right表示→,up表示↑,down表示↓。

d)width和height用来表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

e)behavior是来控制滚动属性的,默认为循环滚动(scroll),同样,如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动),slide(幻灯片效果,指的是滚动一次,然后停止滚动)。

f)每行字的前后<FONT color=#990066 size=4 face=隶书>和</FONT>用定义每行字的颜色,大小和字体,如果哪项不需要的话,把代码去掉就行。

图片滚动
用<img src=相对路径/文件名>的语句。并且要注意图片名不要中文,要注意区分英文大小写。

图片做超链接
用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现蓝框。

正确的例子如:

<a href=http://www.sina.com.cn/><img src=../../j/01.jpg border=0></a>
其中a href=表示超链接,这是最常用的。练习的方法也很简单,就是平时用FP或DW做网页的时候,要多查看源代码。

多张图片排列滚动
通常图片和图片之间用<br>(回行)或<p style=margin-top:9>(精确调整图片间的距离)来链接。也可以把你的图片先用表格排版,然后把这个表格的所有语句也加入到marquee中,让这个表格来滚动。
代码如:

<script>document.write('<marquee scrollAmount=2 width=340 height=160 direction=up onmouseover=stop() onmouseout=start()><a href=http://www.sina.com.cn/><img src=../../j/01.jpg border=0></a></marquee>')</script> 

おすすめ

転載: www.cnblogs.com/SofuBlue/p/11347657.html