HTML マーキー文字フラグメントのスクロール

HTML マーキー文字フラグメントのスクロール
その特性は次のとおりです。

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

コードは次のとおりです。
<marquee direction="down">アクティブな字幕のスクロール方向を設定します direction="down": 下向き</marquee>
<marquee direction="left">アクティブな字幕のスクロール方向を設定します direction="left": left</marquee>
<marquee direction="right">アクティブな字幕のスクロール方向を設定します direction="right": right</marquee>
<marquee direction="up">アクティブな字幕のスクロール方向を direction="up": 上向きに設定します</marquee>

行動
スクロール方法を設定します。
交互: 両端の間を前後に転がることを意味します。
スクロール: 端から端までスクロールして繰り返すことを意味します。
スライド: 繰り返しなしで、端から端までスクロールすることを意味します。
コードは次のとおりです。
<marquee behavior="alternate">alternate: は、両端の間を前後にスクロールすることを意味します。 </マーキー>
<marquee behavior="scroll">スクロール: 端から端までスクロールして繰り返すことを意味します。 </マーキー>
<marquee behavior="slide">slide: は、繰り返しなしで端から端までスクロールすることを意味します。 </マーキー>

スクロール量
アクティブな字幕のスクロール速度をピクセル単位で設定します
コードは次のとおりです。
<marquee スクロール量="10" >スクロール量="10" </marquee>
<marquee スクロール量="20" >スクロール量="20" </marquee>
<marquee スクロール量="30" >スクロール量="30" </marquee>

スクロール遅延
アクティブな字幕を 2 回スクロールする間の遅延時間をミリ秒単位で設定します。
値が大きい場合は、1 ステップ後に一時停止します。コードは次のとおりです。
<marquee スクロール遅延="10" >スクロール遅延="10" </marquee>
<marquee スクロール遅延="100" > スクロール遅延="100" </marquee>
<marquee スクロール遅延="1000">スクロール遅延="1000" </marquee>

<<:  CSS scroll-snap スクロールイベント停止と要素位置検出の実装

>>:  MySQLクエリ文の実行プロセスの詳細な説明

推薦する

Ubuntuにopencvをインストールする正しい方法の詳細な説明

この記事ではUbuntuでC++インターフェースを使用してopencvをインストールする方法について...

JavaScript parseInt() と Number() の違いのケーススタディ

学習目標: parseInt() と Number() という 2 つの関数は、文字列をデータ型に変...

React 星評価コンポーネントの実装

要件は、製品の評価データを渡すことであり、ページには対応する星の数が表示されます。 1. 異なる評価...

MySql の null 関数の使用の共有

MySql の null に関する関数IFNULL ISNULL NULLIF IFNULL使用法:...

面接で聞かれる可能性のあるCSSに関する質問

この記事は、100 回書かれ、質問された CSS の質問を記念するためのものです。聞く: CSS セ...

MySQLはストアドプロシージャを使用して数百万のデータを素早く追加します。サンプルコード

序文インデックスを追加した場合と追加しなかった場合の違いを反映するには、数百万のデータを使用する必要...

一般的なブラウザ互換性の問題(概要)

ブラウザの互換性とは、スタイルの互換性 (CSS)、インタラクションの互換性 (JavaScript...

ウェブ開発におけるクロスドメインの理由に対する複数のソリューション

目次クロスドメインの理由JSONP Nginxソリューションバックエンドソリューションクロスドメイン...

Nginx におけるサーバーとロケーションのマッチングロジックの詳細な理解

サーバーマッチングロジックNginx は、リクエストを実行するサーバー ブロックを決定するときに、サ...

CSS ボックスを中央揃えするためのよく使われるいくつかの方法 (要約)

最初のもの: CSSの位置プロパティの使用 <スタイル タイプ="text/css&...

MySQL インフラストラクチャ チュートリアル: クエリ ステートメント実行プロセスの詳細な説明

序文私は以前から、SQL 文がどのように実行され、どのような順序で実行されるのかを知りたいと思ってい...

Mac で Docker を使用して Oracle をデプロイする方法

Mac で Docker を使用して Oracle をデプロイする方法まずdockerをインストール...

ReactとAntdのFormコンポーネントを組み合わせてログイン機能を実装する方法を詳しく説明します

目次1. ReactとAntdを組み合わせてログイン機能を実現2. ReactとAntdを組み合わせ...

フロントエンドに必要なNginx設定の詳細な説明

Nginx (エンジン x) は、軽量で高性能な HTTP およびリバース プロキシ サーバーであり...

MySQL 外部キー制約の例の説明

MySQL の外部キー制約は、2 つのテーブル間のリンクを確立するために使用されます。 1 つのテー...