HTML マーキータグで上下にスクロールし、マーキータグのスクロール速度を設定する方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML マーキータグで上下にスクロールし、マーキータグのスクロール速度を設定する方法

寻∝梦

Sep 04, 2018 am 11:56 AM

html marquee

この記事では主にHTMLマーキータグの2つの使い方を紹介します。 1 つは、マーキータグ内のテキストを上下にスクロールすることであり、もう 1 つは、マーキータグ内のテキストのスクロールを速くまたは遅くすることです。 2つを組み合わせて使用することもできます。それでは、この記事を一緒に見てみましょう

まず、この HTML マーキータグについて理解しましょう:

このマーキータグは、その使用方法と属性の一部について以前に特別に書かれています。コードをクリックすることができます。 HTMLのスクロールバーとは何ですか？ HTMLスクロールバーを設定するにはどうすればよいですか? 見てください。

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

次に、マーキータグが上下スクロールを実装する方法を見てみましょう:

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

動作属性のパラメータ値は、alternate、scroll、slide のいずれかです。それぞれ、テキストが前後にスクロールすることを意味します。スクロールの方向は円形であり、一度だけスクロールします。方向属性と動作属性が同時にタグに表示される場合、スクロールは行われないことに注意してください。スクロールとスライドの方向は、direction 属性のパラメータの設定に基づきます。

<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>

ログイン後にコピー

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

HTML マーキータグの方向属性もあります:

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

<marquee direction="right">我向右滚动</marquee>
<marquee direction="left">我向左滚动</marquee>
<marquee direction="down">我向下滚动</marquee>
<marquee direction="up">我向上滚动</marquee>

ログイン後にコピー

主に最後の 2 つは、この記事で紹介した上下スクロールです。これを設定すると、内部のテキストが上下にスクロールします。

次に、マーキータグのスクロール速度について話しましょう:

この HTML マーキータグのスクロール速度はどれくらいですか?誰でも推測できますか。。。

まあ、私自身のために話させてください、それは、scrollamount 属性とscrollDelay 属性です。

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

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

ログイン後にコピー

特定の数値を設定できます。好きなだけ速く進むことも、好きなだけ遅く進むこともできます。ただし、すべてアニメーション画像なので、スクリーンショットを撮るのは困難です。http://www.php.cn/code/26516.html を直接コピーして効果を得ることができます。コードを入力すると効果がわかります。ぜひ試してみてください。

この記事では、HTML マーキータグの 2 つの使用法を説明します。ご質問がございましたら、以下よりお問い合わせください。

【編集者のおすすめ】

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

HTML5の進行状況タグの使用方法? Progressタグのプロパティの紹介

以上がHTML マーキータグで上下にスクロールし、マーキータグのスクロール速度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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