HTMLマーキー文字のスニペットスクロール
2022-01-30 04:08:38
の以下の属性があります。
方向性
アクティブなキャプションのスクロール方向を設定します。
コードは以下の通りです。
<marquee direction="down"> アクティブキャプションのスクロール方向を設定しますdirection="down": down</marquee>
<marquee direction="left">Set the scrolling direction of active captiondirection="left": left</marquee>
<marquee direction="right">Set the scroll direction of active captiondirection="right": to the right</marquee>
<marquee direction="up">Set the scroll direction of active captiondirection="up": up</marquee>
動作
スクロール方法を設定します。
alternateを指定します。両端を前後にスクロールすることを示す。
をスクロールします。端から端までスクロールが繰り返されることを示す。
スライド:端から端までスクロールし、繰り返さないことを意味します。
コードは以下の通りです。
<marquee behavior="alternate">alternate: 両端を前後にスクロールすることを示す </marquee>
<marquee behavior="scroll">scroll: 端から端までスクロールを繰り返すことを示す </marquee>
<marquee behavior="slide">slide: 端から端までスクロールすることを示し、繰り返さない </marquee>
スクロール量
アクティブなキャプションのスクロール速度をピクセル単位で設定します。
コードは以下の通りです。
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
スクロールディレイ
アクティブなキャプションのスクロール間の遅延時間をミリ秒単位で設定します。
値を大きくすると、1ステップにつき1ポーズの効果があります
コードは以下の通りです。
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100" </marquee>
<marquee scrolldelay="1000"> scrolldelay="1000" </marquee>
方向性
アクティブなキャプションのスクロール方向を設定します。
コードは以下の通りです。
<marquee direction="down"> アクティブキャプションのスクロール方向を設定しますdirection="down": down</marquee>
<marquee direction="left">Set the scrolling direction of active captiondirection="left": left</marquee>
<marquee direction="right">Set the scroll direction of active captiondirection="right": to the right</marquee>
<marquee direction="up">Set the scroll direction of active captiondirection="up": up</marquee>
動作
スクロール方法を設定します。
alternateを指定します。両端を前後にスクロールすることを示す。
をスクロールします。端から端までスクロールが繰り返されることを示す。
スライド:端から端までスクロールし、繰り返さないことを意味します。
コードは以下の通りです。
<marquee behavior="alternate">alternate: 両端を前後にスクロールすることを示す </marquee>
<marquee behavior="scroll">scroll: 端から端までスクロールを繰り返すことを示す </marquee>
<marquee behavior="slide">slide: 端から端までスクロールすることを示し、繰り返さない </marquee>
スクロール量
アクティブなキャプションのスクロール速度をピクセル単位で設定します。
コードは以下の通りです。
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
スクロールディレイ
アクティブなキャプションのスクロール間の遅延時間をミリ秒単位で設定します。
値を大きくすると、1ステップにつき1ポーズの効果があります
コードは以下の通りです。
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100" </marquee>
<marquee scrolldelay="1000"> scrolldelay="1000" </marquee>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeのsrcが指すコンテンツが更新されない場合の解決策を説明します。
-
htmlページにミュージックビデオを追加する例
-
HTMLのブロックレベル要素と行レベル要素、特殊文字、ネストルール
-
ユーザーが何度もフォームを送信するのを防ぐ方法まとめ
-
ポップアップレイヤー・アンダーレイとしてのiFrameの素晴らしさ
-
HTML チェックボックス 説明テキストをクリックすると、ステータスの選択/解除ができます。
-
td コンテンツ自動改行テーブル table td セット幅が多すぎるテキスト自動改行後
-
テーブルコンテンツの表示を高速化するtbodyタグの美点
-
html+cssの3種類のレイアウト(ナチュラルレイアウト/フローレイアウト/ポジショニングレイアウト)。
-
HTMLのテーブルタグと関連する改行の問題を徹底分析