初心者は古い知識を学ぶ (2) HTML アクティブ字幕を使用してマーキングする
アクティブ字幕。ローリングボードやローリング字幕とも呼ばれます。アクティブな字幕を使用すると、Web ページ全体がよりダイナミックで生き生きとしたものになります。今日の Web サイトでは、Web ページの対話性を高めるためにアクティブ サブタイトルがますます使用されています。 Javascript プログラミングを使用してアクティブな字幕効果を実現でき、Dreamweaver のレイヤーとそのタイムライン機能を使用して非常に美しいスクロール ボードを作成できます。 HTML アクティブ サブタイトル タグを使用すると、必要なコードが最小限に抑えられ、ダウンロード時間を短縮してより良い結果を得ることができます。このマークアップの構文形式は次のとおりです:
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolllay=n
width=n
VSpace=n
loop=n>
アクティブな字幕の表示方法が多様であるため、オプションのパラメータが多数あることがわかります。 。以下に各パラメータの意味を説明します:
Align: アクティブな字幕の位置を設定しますが、左、中央、右の 3 つの位置に加えて、上 (align=top) と下 (align) も追加します。 =下)2つのポジション。
Bgcolor: アクティブな字幕の背景色を設定するために使用され、通常は 16 進数です。
方向: アクティブな字幕のスクロール方向を左、右、上、または下に設定するために使用します。
Behavior: スクロール方法を設定するために使用されます。behavior="scroll" は、一方の端からもう一方の端までスクロールすることを意味します。behavior="slide": 繰り返さずに一方の端からもう一方の端まで素早くスライドすることを意味します。 ; behaviour="alternate" は、2 つの端の間で前後にスクロールすることを意味します。
高さ: ローリング字幕の高さを設定するために使用されます。
幅:ローリング字幕の幅を設定します。
Hspace と vspace: ローリング字幕の左右の境界線と上下の境界線の幅をそれぞれ設定するために使用されます。
Scrollamount: アクティブな字幕のスクロール距離を設定するために使用されます。
scrolllay: 2回スクロールする間の遅延時間を設定するために使用されます。
Loop: スクロール回数の設定に使用されます。loop=-1の場合、ページが更新されるまでスクロールすることを意味します。
タグのデフォルトの状況は、左に無限にスクロールすることです。字幕の高さはテキストの高さであり、スクロール範囲は、水平スクロールの幅が現在位置の幅です。現在位置の高さです。
アプリケーションのヒント
1. すべてのデフォルト値を使用し、最小限のコードを使用します。以下の例を参照してください
このローリング字幕はすべてのデフォルト値を使用します ソースコード:
ここに字幕の内容を書き込みます
、コードは珍しいですか?
2. 垂直スクロール
ここに字幕の内容を書いてください
など、direction="up"を追加するだけです。
3. 複数行テキストのアクティブな字幕
マークはテキストのセクションにのみ適用できるため、複数行のアクティブな字幕は別の行に分岐するときにのみ
でマークでき、
でマークすることはできません。
サンプルソースコード:
アクティブな字幕コンテンツの最初の行
アクティブな字幕コンテンツの2番目の行
アクティブな字幕コンテンツの3行目
4. 字幕コンテンツに画像を追加します
これはアクティブな字幕タグですが、画像を追加することができます。以下は画像を追加するコードです: 画像を追加するコードです
上記は初心者が学ぶべき古い知識です (2) HTML は、mar コンテンツをマークするためにアクティブな字幕を使用します。 PHP 中国語 Web サイト (www.php. cn) に注意してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
