div画像マーキーシームレス接続実装コード

div画像マーキーシームレス接続実装コード

コードをコピー
コードは次のとおりです。

<html>
<ヘッド>
<スタイル タイプ="text/css">
<!--
#デモ{
背景: なし 繰り返しスクロール 0 0 #FFFFFF;
境界線: 1px 実線 #98CBFF;
下マージン: 10px;
左マージン: 5px;
オーバーフロー: 非表示;
パディング: 0 0 5px;
幅: 948ピクセル;
}
#デモ画像{
境界線: 3px 実線 #F2F2F2;
}
#indemo {
フロート: 左;
幅: 800%;
}
#デモ1 {
フロート: 左;
}
#デモ2 {
フロート: 左;
}
。箱 {
境界線: 1px 実線 #98CBFF;
フロート: 左;
マージン: 7px 10px;
オーバーフロー: 非表示;
パディング: 5px;
幅: 150ピクセル;
}
-->
</スタイル>
</head>
<本文>

画像はシームレスに左にスクロールします 左にスクロールします

コードをコピー
コードは次のとおりです。

<div id="デモ">
<div id="indemo">
<div id="demo1">
<div class="box">
<a href="#"><img src="upload/2022/web/Clear_logo.gif" border="0" /></a>
<p>あなたの番号</p>
こんにちは
</div>
<div class="box">
<a href="#"><img src="upload/2022/web/Clear_logo.gif" border="0" /></a>
<p>バカ</p>
バカ
</div>
<div class="box">
<a href="#"><img src="upload/2022/web/Clear_logo.gif" border="0" /></a>
</div>
</div>
<div id="demo2"></div>
</div>
</div>
<スクリプト>
<!--
var speed=10; // 数字が大きいほど速度が遅くなります
var tab = document.getElementById("デモ");
var tab1=document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
関数マーキー(){
tab2.offsetWidth-tab.scrollLeft<=0の場合
tab.scrollLeft -=tab1.offsetWidth
それ以外{
タブを左にスクロールします。
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</スクリプト>
</本文>
</html>

<<:  MySQLはJSON内部フィールドを抽出し、数値としてダンプします

>>:  Linux スワップ パーティション (詳細説明)

推薦する

Kubernetes の応用分野の概要

Kubernetes は、アプリケーションの移植性とハイブリッド クラウド/マルチクラウドの展開をサ...

Linuxシステムでノードプロセスを実行しているが、プロセスを強制終了できない問題を解決します

まず、Linux システムで実行されているノード プロセスはプロセスを強制終了できないことを紹介しま...

2 級コンピュータ試験のための MySQL の知識ポイントとよく使用される MYSQL コマンド

2級コンピュータ試験のMySQL知識ポイントの基礎、一般的なMYSQLコマンドは次のとおりです。よく...

MySQL 5.7 MGR シングルマスター決定マスターノード方式の詳細説明

当銀行のMGRは年末に開始されます。公式文書を読んだり、毎日テストを受けたりしなければなりません。毎...

Dockerコンテナレイヤーの概念の詳細な説明

目次01 コンテナの一貫性02 レイヤーの概念03 レイヤードデザインの利点今日はコンテナ レイヤー...

Linux でリモート サーバー ファイルの状態を表示する方法

以下のように表示されます。 test コマンドはファイルが存在するかどうかを判断します。 ssh u...

CSSは解析プロセスでさまざまな読み込み効果を実装します

html <div class="スピナー"></div&g...

HTML TextArea でのフォーマット保存の問題の解決方法

textarea の形式は保存時にデータベースに保存できますが、表示時には /n と相互に変換できな...

Dockerコンテナとホスト間のデータ相互作用の概要

序文実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共...

LinuxサーバのSSHクラッキング防止方法（推奨）

1. Linuxサーバーは、/etc/hosts.denyを設定して、相手のIPがSSH経由でサー...

MySQL公式エクスポートツールmysqlpumpの使用

目次導入説明書実際の経験長所と短所総括する導入mysqlpump は mysqldump の派生です...

React で複数の setStates が何回呼び出されるのでしょうか?

目次1. 2 つの setState を何回呼び出すのですか? 2. 2 つの setState の...

CSS3 は本当に SCSS に取って代わるのでしょうか?

Web ページのスタイル設定に関しては、プロジェクトで純粋な CSS または SCSS (および他...

Nginx 外部ネットワーク アクセス イントラネット サイト構成操作

背景：サイトはフロントエンドとバックエンドから分離されています: vue+springbootフロン...

CSS 配送先住所平行四辺形線スタイルの例コード

コードは次のようになります。 // 配送先住所の平行四辺形の線のスタイル <view clas...