ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLマーキータグ入門 使用例_HTML/Xhtml_Webページ制作

HTMLマーキータグ入門 使用例_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:37:45
オリジナル
1532 人が閲覧しました

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

マーキーアナウンススクロールコード

最も単純なウェブサイトアナウンススクロールコードは、マーキー回転ランタンに基づいており、表形式で垂直上にスクロールします。 CSSを知っている。




ヒント:


を実行する前にコードの一部を変更できます。 構文:

< ;/marquee>

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

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


Hello, World


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

onMouseOut="this.start()": マウスが領域の外に出たときにスクロールを続けるように設定するために使用されます
onMouseOver="this.stop()" : マウスがこの領域に移動したときにスクロールを停止するように設定するために使用されます

コードは次のとおりです:
コードをコピーします
コードは次のとおりです:


onMouseOut="this.start()": 継続スクロール領域からマウスを移動するように設定するために使用します onMouseOver="this.stop()": マウスが移動したときにスクロールを停止するようにマウスを設定するために使用します

これは完全な例です:

コードは次のとおりです:
コードをコピーします
コードは次のとおりです:



これは完全な例です

このタグは最大 11 個の属性をサポートします。

align

タグのコンテンツの配置を設定します。
absbottom: 絶対的な下部の配置 (g、p を使用して配置)
absmiddle: 絶対中央揃え
baseline: 下の行揃え
bottom: 下揃え (デフォルト)
left: 左揃え
middle: 中央揃え
right : 右揃え
texttop: 上行揃え
top: 上揃え

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

コードをコピー
コードは次のとおりです。

align="absbottom": 絶対的な下揃え (下端に揃えます) g、p などの文字)。
align="absmiddle": 絶対的な中央揃え。
align="baseline": ボトムラインの配置。
align="bottom": 下揃え (デフォルト)。
align="left": 左揃え。
align="middle": 中央揃え。
align="right": 右揃え。
align="texttop": 上の行の配置。
align="top": 上揃え。

動作

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

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

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

コードをコピーします
コードは次のとおりです:

alternate: 両端の間で前後にスクロールすることを示します。
scroll: 一方の端からもう一方の端までスクロールすることを示します。
slide: 繰り返さずに一方の端からもう一方の端までスクロールすることを示します。

bgcolor

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

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

コードをコピーします
コードは次のとおりです:

アクティブな字幕の背景色を設定します bgcolor="#006699"
アクティブな字幕の背景色を設定します bgcolor="rgb(10%,50%,100%,)"


direction

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

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

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

アクティブな字幕のスクロール方向を設定します。 direction="down": Down アクティブな字幕のスクロール方向を設定します。 : 左へ

アクティブな字幕のスクロール方向を設定します。 >アクティブな字幕のスクロール方向を設定します direct="up": Up


height

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

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



コードをコピーコードは次のとおりです:
< ;marquee height="500" Direction="down" bgcolor=" #CCCCCC">アクティブな字幕の高さを設定します height="500"


width

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

コード 次のように:



コードをコピーしますコードは次のとおりです:

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

hspace

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

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

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

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


hspace= "100"


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

これは、表示ボックスの周囲の垂直方向のスペースを制御します。

コードは次のとおりです。 >




コードをコピー
コードは次のとおりです: hspace="100"
loop

loop=-1 の場合、すべてスクロールすることを意味します。時間、デフォルトは -1
コードは次のとおりです:





コードをコピー
コードは次のとおりです 私は歩き続けます。

2 回だけ歩きました 🎜>
scrolllamount

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

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





コードをコピーします

コードは次のとおりです:
scrollamount="10" <マーキー スクロール量="20" >スクロール量="20" <マーキー スクロール量="30" 🎜>スクロール遅延
アクティブな字幕が 2 回スクロールするまでの遅延時間をミリ秒単位で設定します (ミリ秒)
値が大きいほど、段階的に一時停止する効果があります

コード




コードをコピー


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


<マーキー スクロール遅延="10" >スクロール遅延= "10"
<マーキー スクロール遅延="100" > スクロール遅延="100" 1000">scrolllay="1000" < ;/marquee>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート