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

推薦する

MySQL インデックス失敗の原理

目次1. インデックス失敗の理由2. インデックスの秩序が崩れる状況を見てみましょう。 - インデッ...

MySQL ユーザー変数と set ステートメントの例の詳細な説明

目次1 ユーザー変数の概要2 ユーザー変数の定義3 ユーザー変数の使用3.1 セットを通した例3.2...

Docker の詳細なイラスト

1. Dockerの紹介1.1 仮想化1.1.1 仮想化とは何ですか?コンピュータにおける仮想化とは...

Dockerプライベートライブラリの実装

プライベート Docker レジストリのインストールとデプロイは、Docker テクノロジーを導入、...

Elimination の JavaScript ソースコード

ゲームのソースコードのダウンロードアドレスを取得するためのJavaScript：クリックしてソースコ...

擬似分散グラフィックを実現するための VMware 構成 Hadoop チュートリアル

1. 実験環境シリアルナンバープロジェクトソフトウェアとバージョン1オペレーティング·システムCen...

背景位置パーセンテージ原則の詳細な説明

今日、誰かがコードを調整するのを手伝っていたとき、次のようなスタイルを見つけました。 背景位置: 5...

Mybatis ファジークエリ実装方法

Mybatis ファジークエリ実装方法mybatis のリバース アシスタントは非常に使いやすく、通...

MySQL の 4 つのトランザクション分離レベルを例を使って分析する

序文データベース操作では、同時データ読み取りの正確性を効果的に保証するために、トランザクション分離レ...

SQLシリアル番号取得コード例

この記事は主にSQLシリアル番号取得コード例を紹介します。記事ではサンプルコードを詳細に紹介しており...

HTMLを使用してスクリーンショットを撮り、ローカル画像として保存するための実装コード

具体的なコードは次のとおりです。 <!DOCTYPE html> <html>...

Vue3 の emitting と attr の違いの分析

目次結論は実践分析拡張機能要約する結論は親コンポーネントでカスタム イベントが定義されている場合、子...

Navicatをサーバー上のdockerデータベースに接続する方法

dokekrでmysqlコンテナを起動するコマンドを使用します: docker run -p 330...

nginx ベースのブラウザネゴシエーションキャッシュプロセスの詳細な説明

この記事は主に、nginx に基づいてブラウザネゴシエーションキャッシュを設定する詳細なプロセスを紹...

HTML にオーディオファイルを挿入してブラウザで再生する場合の互換性の問題

HTML にオーディオ ファイルを挿入した後 (mp3 ファイルを再生した後) に発生したいくつかの...