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 スワップ パーティション (詳細説明)

推薦する

DockerでJenkinsをインストールし、初期プラグインのインストール失敗の問題を解決する

Jenkins をインストールした後、プラグインの初期ダウンロードが常に失敗し、インストールが失敗し...

ReactプロジェクトにSCSSを導入する方法

まず依存関係をダウンロードします yarn sass-loader ノード sass を追加します次...

Centos7 に nginx をインストールした後、conf.d ディレクトリに default.conf ファイルがないために「Welcome to nginx on Fedora!」というエラーが表示される問題を解決します。

問題の説明Tencent Cloud CentOS7にnginxをインストールするsudo yum ...

ins タグと del タグの属性と使用法

insとdel は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また...

JDBC を使用して MySQL を操作するための簡単な分析では、Class.forName("com.mysql.jdbc.Driver") を追加する必要があります。

導入データベースに接続するためにJDBCを使用することに慣れている場合は、データベースに接続するため...

Iframe の内外のページで JS がどのように動作するかの概要

目次iframeの外側のiframeのコンテンツを取得する方法1方法2 iframe 内の ifra...

あなたが知らない Linux KDE アプリケーション 11 選

翻訳Kool Desktop Environment の略称。 Linux、Unix、FreeBSD...

Linux システムで MySQL の文字セットを UTF8 に変更する手順

目次1. データベース内の MySQL ステータスを確認します。 2. 設定ファイルを変更します。 ...

http.server に基づく LAN サーバーの構築プロセスの分析

皆さんはこのような状況に遭遇したことがあるでしょうか。プロジェクトや研究開発を行う際に、緊急にファイ...

Linux で MySQL 5.6 X64 バージョンをインストールする詳細な手順

環境： 1. CentOS6.5 X64 2.mysql-5.6.34-linux-glibc2.5...

MySQL 5.7.17 でパスワードを忘れた場合の対処方法

1. my.iniファイルにskip-grant-tablesを追加し、MySQLサーバーを再起動し...

MySql5.7.18 の文字セット構成の詳細なグラフィック説明

背景：かなり前（2017.6.5、記事にはタイムリーさがあり、特に使用されているツールは頻繁に更新さ...

ネイティブ Js で実装されたシンプルなシームレス スクロール カルーセルのサンプル コード

シンプルなシームレススクロールカルーセルには多くの抜け穴があり、後から画像を追加するのは非常に不便で...

vue-video-player を使用してライブ放送を実現する方法

目次1. vue-video-playerをインストールする2. vue-video-playerを...

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

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