ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのmarquee属性の詳しい説明

HTMLのmarquee属性の詳しい説明

高洛峰
高洛峰オリジナル
2017-02-09 17:45:521753ブラウズ

この記事では、HTML の marquee 属性の詳細な説明に関する関連情報を主に紹介します。必要な方は参照してください。

このタグは HTML3.2 の一部ではなく、MSIE3 以降のカーネルのみをサポートしているため、使用する場合は非 IE カーネル ブラウザ (例: Netscape) 以下の興味深い効果の一部は表示されない場合があります

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

構文:

<marquee></marquee>

以下は最も単純な例です:

コードは次のとおりです:

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

次の 2 つのイベントがよく使用されます:

onMouseOut="this.start()": マウスが領域外に出たときにスクロールを続けるように設定するために使用されます。エリア

onMouseOver="this.stop()": マウスの設定に使用されます エリア内に移動するとスクロールを停止します

コードは次のとおりです:

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

完全な例を次に示します:

コードは次のとおりです:

<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 個の属性をサポートします:

align

ed126914ed1419bab26abf7cf307b7b9 タグのコンテンツの配置を設定します

absbottom: 絶対的な下揃え (下端と揃えます)
absmiddle: 絶対中央揃え
baseline: 下の行揃え
bottom: 下揃え (デフォルト)
left: 左揃え
middle: 中央揃え
right: 右揃え
texttop: 上行の配置
top: 上部の配置

コードは次のとおりです:

<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>

behavior

スクロールを設定する方法:

alternate: 両端の間を前後にスクロールすることを意味します。

スクロール: 一方の端からもう一方の端までスクロールすることを意味し、それを繰り返します。

スライド: 繰り返さずに一方の端からもう一方の端までスクロールすることを意味します。

コードは次のとおりです:

bgcolor

アクティブな字幕の背景色を設定します。背景色はRGB、16進数値形式、または色の名前で設定できます。

コードは次のとおりです:

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

direction

アクティブな字幕のスクロール方向を設定します

コードは次のとおりです:

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

height

を設定しますアクティビティ 字幕の高さ

コードは次のとおりです:

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

width

アクティブな字幕の幅を設定します

コードは次のとおりです:

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

hspace

を設定します親コンテナの水平境界線から離れたアクティブな字幕の位置 距離

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

コードは次のとおりです:

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

vspace

アクティブな字幕の位置と親コンテナの垂直境界線の間の距離を設定します

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

コードは次のとおりです:

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

ループ

スクロールの数を設定します。loop=-1 が常にスクロールすることを意味する場合、デフォルトは - 1 です

コードは次のとおりです:

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

scrollamount

スクロール速度を設定しますアクティブな字幕のピクセル数

コードは次のとおりです:

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

scrolllay

アクティブな字幕スクロールを設定します 2つの時間の間の遅延時間、単位はミリ秒(ミリ秒)です

値が大きい場合は、 1 ステップと 1 つの一時停止の効果があります

コードは次のとおりです:

<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>

上記は、エディターによって導入された HTML の詳細な説明です マーキー属性、皆様のお役に立てれば幸いです。ご質問がございましたら、メッセージを残してください。編集者が時間内に返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

HTML の marquee 属性に関連する詳細な記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。