ホームページ > 記事 > ウェブフロントエンド > 初心者は古い知識を学ぶ (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) に注意してください。