コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML のマーキー属性の詳細な分析

HTML のマーキー属性の詳細な分析

怪我咯
リリース： 2017-05-07 11:55:32
オリジナル
1350 人が閲覧しました

この記事では、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

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

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.cn
前の記事：すりガラス効果を実現する簡単なコード例 次の記事：HTMLでスクロールテキストを作成するサンプルコード
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2236
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2377
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1987
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1874
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1944
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート