ホームページ > 記事 > ウェブフロントエンド > HTMLのスクロールバーのコードは何ですか? HTMLスクロールバーを設定するにはどうすればよいですか?

HTMLのスクロールバーのコードは何ですか? HTMLスクロールバーを設定するにはどうすればよいですか?

寻∝梦オリジナル: 2018-09-04 11:30:5413645ブラウズ

この記事ではHTMLのスクロールバーのコードと、HTMLスクロールバーコードのマーキータグ属性の使い方を中心に紹介します

まずはこちらからご紹介します。 HTML バーコードでのスクロール:

今日は、HTML スクロールバータグである marquee を紹介します。

ed126914ed1419bab26abf7cf307b7b9 タグは、最初のタグ ed126914ed1419bab26abf7cf307b7b9 と最後のタグ cf2204e1884c8a1760ef7ac9b8a0edf8 コンテンツはスクロールするコンテンツです。 ed126914ed1419bab26abf7cf307b7b9 タグの属性には主に、動作、bgcolor、方向、幅、高さ、hspace、vspace、loop、scrollamount、scrollDelay などが含まれます。これらはすべてオプションです。

次に、HTML スクロールバーの設定について説明します。

次に、マーキータグがその属性を使用して HTML スクロールバーを実装する方法を見てみましょう。

1.html マーキータグの動作属性:

動作属性のパラメータ値は、alternate、scroll、slide のいずれかで、それぞれテキストが前後にスクロール、一方向の循環スクロールを意味します。方向属性と動作属性の両方がタグに指定されている場合、スクロールとスライドのスクロール方向は方向属性のパラメータの設定に基づきます。

<marquee behavior="alternate">我来回滚动</marquee> 
<marquee behavior="scroll">我单方向循环滚动</marquee>
<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee> 
<marquee behavior="slide">我只滚动一次</marquee> 
<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>

スタイルは非常に美しく、ダイナミックです。興味がある場合は、ここで練習して、http://www.php.cn/code/26516 にアクセスしてください。ここに HTML を貼り付けると、コードを完成させる必要がなく、ここで表示できるようになります。

これは属性の 1 つにすぎません。他にもいくつかの属性があります。見てみましょう:

2.html マーキータグの bgcolor 属性:

テキストスクロール範囲の背景色、パラメータ値は 16 進数 (形式: #AABBCC または #AA5566 など)、または事前定義された色の名前 (赤、黄、青など) です。以下に示すように:

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee>

3.html マーキータグの方向属性:

テキストのスクロールの方向。この属性のパラメータ値には、下、左、右、上を表す 4 つの単一のオプション値があります。スクロール方向はそれぞれ下、左、右、上です。以下に示すように:

    <marquee direction="right">我向右滚动</marquee> 
    <marquee direction="right">我向下滚动</marquee>

4.html マーキータグの幅と高さの属性:

幅と高さの属性は、ページ上のスクロールテキストの長方形の範囲のサイズを決定します。 width 属性は長方形の幅を指定するために使用され、height 属性は長方形の高さを指定します。これら 2 つのプロパティのパラメータ値は、数値またはパーセンテージにすることができます。数値は、長方形が占めるピクセル数 (幅または高さ) を表し、パーセンテージは、長方形が占めるブラウザウィンドウのパーセンテージ (幅または高さ) を表します。矩形。以下に示すように:

    <marquee width="300" height="30" bgcolor="red">我宽300像素，高30像素。</marquee>

5.html マーキータグのscrollamount属性とscrollDelay属性:

これら2つの属性は、テキストスクロールの速度(scrolllamount)と遅延(scrolllay)、およびパラメータ値を決定します。はすべて正の整数です。以下に示すように:

    <marquee scrollamount="100">我速度很快.</marquee> 
    <marquee scrollamount="50">我慢了些。</marquee> 
    <marquee scrolldelay="30">我小步前进。</marquee> 
    <marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee>

6.html マーキータグの align 属性:

この属性は、内側の境界線の上下左右のスクロールテキストの位置を決定します。 ed126914ed1419bab26abf7cf307b7b9 と 7204e33a7a23f6efcc788532e245c31b の間のコンテンツを画像や他のオブジェクトに置き換えることもできます。

HTML マーキータグに関する注意事項:

マーキー要素のデフォルトの幅は、その親要素の幅と同じです。マーキーが幅が指定されていない TD 内にある場合は、マーキーの幅を明示的に設定する必要があります。マーキーも TD 幅も指定されていない場合、スクロールマーキーの幅は 1 ピクセルに制限されます。

垂直スクロールの字幕を作成するには、scrollLeft プロパティを 0 に設定します。水平スクロールの字幕を作成するには、scrollTop プロパティを 0 に設定します。これにより、スクリプト設定がオーバーライドされます。

scrollLeft プロパティとscrollTop プロパティは、字幕がスクロールしているときは読み取り専用です。スクロール状態にない場合、横スクロールに設定された字幕の場合は、scrollLeft が読み取りおよび書き込み可能になり、垂直スクロールに設定された字幕の場合は、scrolltop が読み取りおよび書き込み可能になります。

この要素は、Microsoft® Internet Explorer 3.0 の HTML および Internet Explorer 4.0 のスクリプトで使用できます。

この要素はブロック要素です。

この要素には終了タグが必要です。

HTMLボタンタグのスタイルを設定するには？ HTMLボタンタグのスタイル紹介

以上がHTMLのスクロールバーのコードは何ですか? HTMLスクロールバーを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTML5の進行状況タグで進行状況バーの色を変更するにはどうすればよいですか?プログレスプログレスバーの詳しい説明次の記事：HTML5の進行状況タグで進行状況バーの色を変更するにはどうすればよいですか?プログレスプログレスバーの詳しい説明

続きを見る

マーキーの詳細な使用状況分析