このタグはHTML3.2の一部ではなく、MSIE3以降のカーネルでのみサポートされているため、IEカーネル以外のブラウザ(Netscapeなど)を使用している場合は、次の興味深い効果の一部を見ることができない可能性があります。 このタグはコンテナタグです 文法: <マーキー></マーキー> 以下に簡単な例を示します。 コードは次のとおりです。 <marquee><font size=+3 color=red>こんにちは、世界</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 個の属性をサポートします。 整列する <marquee>タグコンテンツの配置を設定する absbottom: 絶対下揃え(gやpなどの文字の下揃え) コードは次のとおりです。 <marquee align="absbottom">align="absbottom": 絶対下揃え(g や p などの文字の下揃え)。 </マーキー> <marquee align="absmiddle">align="absmiddle": 絶対中央揃え。 </マーキー> <marquee align="baseline">align="baseline": ベースラインを揃えます。 </マーキー> <marquee align="bottom">align="bottom": 下揃え(デフォルト)。 </マーキー> <marquee align="left">align="left": 左揃え。 </マーキー> <marquee align="middle">align="middle": 中央に揃えます。 </マーキー> <marquee align="right">align="right": 右揃え。 </マーキー> <marquee align="texttop">align="texttop": 上の行を揃えます。 </マーキー> <marquee align="top">align="top": 上揃え。 </マーキー> 行動 スクロール方法を設定します。 交互: 両端の間を前後に転がることを意味します。 スクロール: 端から端までスクロールして繰り返すことを意味します。 スライド: 繰り返しなしで、端から端までスクロールすることを意味します。 コードは次のとおりです。 <marquee behavior="alternate">alternate: は、両端の間を前後にスクロールすることを意味します。 </マーキー> <marquee behavior="scroll">スクロール: 端から端までスクロールして繰り返すことを意味します。 </マーキー> <marquee behavior="slide">slide: は、繰り返しなしで端から端までスクロールすることを意味します。 </マーキー> 背景色 アクティブな字幕の背景色を設定します。背景色は、RGB、16 進数値形式、または色名で設定できます。 コードは次のとおりです。 <marquee bgcolor="#006699">アクティブな字幕の背景色を設定します bgcolor="#006699"</marquee> <marquee bgcolor="RGB(10%,50%,100%,)">アクティブな字幕の背景色を設定します bgcolor="rgb(10%,50%,100%,)"</marquee> <marquee bgcolor="red">アクティブな字幕の背景色を設定します bgcolor="red"</marquee> 方向 アクティブな字幕のスクロール方向を設定する コードは次のとおりです。 <marquee direction="down">アクティブな字幕のスクロール方向を設定します direction="down": 下向き</marquee> <marquee direction="left">アクティブな字幕のスクロール方向を設定します direction="left": left</marquee> <marquee direction="right">アクティブな字幕のスクロール方向を設定します direction="right": right</marquee> <marquee direction="up">アクティブな字幕のスクロール方向を direction="up": 上向きに設定します</marquee> 身長 アクティブな字幕の高さを設定する コードは次のとおりです。 <marquee height="500" direction="down" bgcolor="#CCCCCC">アクティブな字幕の高さを height="500" に設定します</marquee> 幅 アクティブな字幕の幅を設定する コードは次のとおりです。 <marquee width="500" bgcolor="#CCCCCC">アクティブな字幕の幅を width="500" に設定します</marquee> スペース アクティブな字幕の位置と親コンテナの水平境界線の間の距離を設定します これは、表示ボックスの周囲の水平方向のスペースを制御します。 コードは次のとおりです。 <テーブルの幅="500" 境界線="1" 配置="中央" セルパディング="0" セル間隔="0"> <tr> <td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td> </tr> </テーブル> スペース アクティブな字幕の位置と親コンテナの垂直境界線の間の距離を設定します これは、表示ボックスの周囲の垂直スペースを制御します。 コードは次のとおりです。 <marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee> ループ スクロール回数を設定します。 loop=-1 の場合、常にスクロールすることを意味します。デフォルト値は -1 です。 コードは次のとおりです。 <marquee loop="-1" bgcolor="#CCCCCC">私は歩き続けます。 </マーキー> <p> </p> <marquee loop="2" bgcolor="#CCCCCC">歩くのは2回だけ</marquee> スクロール量 アクティブな字幕のスクロール速度をピクセル単位で設定します コードは次のとおりです。 <marquee スクロール量="10" >スクロール量="10" </marquee> <marquee スクロール量="20" >スクロール量="20" </marquee> <marquee スクロール量="30" >スクロール量="30" </marquee> スクロール遅延 アクティブな字幕を 2 回スクロールする間の遅延時間をミリ秒単位で設定します。 値が大きすぎると一時停止効果が発生します。 コードは次のとおりです。 <marquee スクロール遅延="10" >スクロール遅延="10" </marquee> <marquee スクロール遅延="100" > スクロール遅延="100" </marquee> <marquee スクロール遅延="1000">スクロール遅延="1000" </marquee> 以上が、私がご紹介した HTML の marquee 属性の詳細な説明です。お役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: CSS3のwebkit-box-reflectを巧みに使用して、さまざまな動的効果を実現します。
この記事では、例を使用して、MySQL 外部キー制約の一般的な操作について説明します。ご参考までに、...
序文通知バー コンポーネントは、比較的一般的なコンポーネントです。基本的に、すべてのサイトにこのよう...
この記事では、Webサイトを作ったことがある人にとっては馴染みのあるテーブルについて主に説明します。...
utf8mb4 エンコーディングは utf8 エンコーディングのスーパーセットであり、utf8 と互...
絶対長さピクセルpx はピクセル値であり、メートルやセンチメートルのような固定の長さです。相対的な長...
「Tik Tok」も大人気で、ユーザー数は7億人と言われています。今日は、注目を集めるためにTikT...
目次序文システム環境現在のシステムパーティションレイアウトデータのバックアップレスキューモードに入る...
目次トランザクション分離レベルファントムリーディングとは何ですか?ファントムリードを排除する方法要約...
最近はコース設計を実現するために、フロントエンドも少しやっています。今日はいくつかの機能を実現するた...
0. 環境この記事のオペレーティング システム: CentOS 7.2.1511 x86_64 My...
サーバー上の mysql はバージョン 8.0.12 でインストールされており、ローカルのものはバー...
目次1. イベントのリスニング2. イベントパラメータを渡す3. イベント修飾子ケース1: クリック...
目次質問: 1. リモートログイン権限を有効にする: 2. MySQLの権限を更新します。 3. テ...
この記事の例では、3階層メニューを再帰的に実装するVueの具体的なコードを参考までに共有しています。...
目次1. 序文2. ポップアップコンポーネントを2つ見つける3. 自分で作る3.1. Promise...