ページの自動スクロール効果は JavaScript で実現できますが、今日偶然、JS 制御なしでさまざまなスクロール効果を実現できる HTML タグ <marquee></marquee> を発見しました。 marquee タグは、テキストだけでなく、画像や表なども移動するために使用できます。 構文: <marquee>...</marquee>; 説明: タグ間にスクロールするコンテンツを追加します。 重要なプロパティ: 1. スクロール方向(上、下、左、右の4つの値を含む) 構文: <marquee direction="スクロール方向">...</marquee> 2. スクロール動作(スクロール:ループスクロール、デフォルト効果、スライド:1回スクロールして停止、交互:交互に前後にスクロール) 構文: <marquee behavior="スクロール モード">...</marquee> 3. スクロール速度 scrollamount (スクロール速度は、スクロールするたびに移動する長さをピクセル単位で設定します) 構文: <marquee scrollamount="5">...</marquee> 4. スクロール遅延 scrolldelay (スクロール時間間隔をミリ秒単位で設定) 構文: <marquee scrolldelay="100">...</marquee> 5. スクロールループ(デフォルト値は -1 で、スクロールはループし続けます) 構文: <marquee loop="2">...</marquee> 6. スクロール範囲の幅、高さ 7. スクロール背景色 bgcolor 8. 空白スペース hspace、vspace JavaScriptコードコンテンツをクリップボードにコピー
|
<<: jsネイティブウォーターフォールフロープラグイン制作
>>: Navicat for MySQL 11 登録コード\アクティベーションコードの概要
1. 機能: xargs は、stdin 内のスペースまたは改行で区切られたデータをスペースで区切ら...
定義と使用@media クエリを使用すると、さまざまなメディア タイプに異なるスタイルを定義できます...
WeChatアプレットの簡単な計算機は参考用です。具体的な内容は次のとおりです。 1. はじめに1....
nginx ログは filebeat によって収集され、logstash に渡され、logstash...
Centos7 と Centos6 では、GRUB パスワードの設定手順に大きな違いがあります。これ...
なぜprettierを使うのですか?大企業では、フロントエンド開発コードに独自のコード標準がある場合...
クリックされたボタンには赤い画像スタイルを実装し、選択されていない他のボタンには灰色の画像スタイルを...
この記事では、参考までに、計算機のWebバージョンを実装するためのJavaScriptの具体的なコー...
目次1. 背景2. 操作手順3. Dockerをインストールする4. 主なサービス構成5. サービス...
序文日常の仕事や勉強では、データベースを操作するときに「不注意」によるミスを犯すことは避けられません...
現在、クロスプラットフォーム開発技術はもはや新しい話題ではありません。市場にはいくつかのオープンソー...
目次導入実装手順キャンバス環境を作成するライティングボールBallクラスを継承するMoveBallク...
コードをコピーコードは次のとおりです。 <span style="font-size...
HTML チェックボックスとラジオボタンスタイルの美化の簡単な例チェックボックス: XML/HTML...
誰もがスクラッチ チケットで遊んだことがあると思います。子供の頃、ポケットにお金が入るとすぐに友達に...