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

推薦する

VMware vCenter の不正な任意ファイルアップロードの脆弱性 (CVE-2021-21972) について

背景CVE-2021-21972 VMware vCenter における認証されていないコマンド実行...

Linux で実行可能ファイルを実行するときに「そのようなファイルまたはディレクトリはありません」というプロンプトが表示される場合の解決策

最近、Linux オペレーティング システムを使用して実行可能ファイルを実行していたところ、「そのよ...

Nginx プロキシ axios リクエストと注意事項

序文最近、小さなデモを作成しました。大規模な工場のオンライン データを使用したため、インターフェイス...

純粋な CSS でマークダウンの自動番号付けを実装するサンプル コード

問題の起源私がタイトルの番号付けの問題に初めて注目したのは、学部の論文を書いていた頃まで遡ります。当...

MySQL のバックアップとリカバリの設計アイデア

背景まず、背景を説明します。ある制約により、当社の現在のバックアップ戦略では、1 日おきにフル バッ...

MySQL関数の簡単な紹介

目次1. 数学関数2. 文字列関数3. 日付関数4. 暗号化機能主な MySQL 関数は次のように紹...

Linux nslookup コマンドの使用方法の詳細な説明

[nslookup とは?] 】 nslookup コマンドは、Linux で非常によく使用されるネ...

MySQL 5.7.9 バージョンの sql_mode=only_full_group_by 問題を解決する

MySQL 5.7.9 バージョンの sql_mode=only_full_group_by の問題...

nginx で http でアクセスする Web サイトを https に変更する方法

目次1. 背景2. 前提条件https:証明書システム: 3. 操作プロセス3.1 証明書の生成3....

データベース接続のURLの詳細な説明と概要

データベース接続のURLの詳細な説明と概要JDBC URL = プロトコル名 + サブプロトコル名 ...

MySQLレジストリをクリアする方法

具体的な方法： 1. [ win+r ] を押して実行ウィンドウを開き、「regedit」と入力して...

MySQL データベース アカウントの作成、認証、データのエクスポートおよびインポート操作の例

この記事では、MySQL データベースでのアカウントの作成、認証、データのエクスポートおよびインポー...

MySQL 8.0.20 Window10無料インストール版設定とNavicat管理チュートリアルグラフィック詳細説明

1. MySQL 8.0.20をダウンロードして解凍するダウンロードリンク: https://dev...

Linux で MySQL スケジュール タスク バックアップ データを実装する方法

序文バックアップは災害復旧の基礎であり、システム操作エラーやシステム障害によるデータ損失を防ぐために...

Apache ストレステストツールのインストールと使用

1. ダウンロードApacheの公式サイトhttp://httpd.apache.org/にアクセス...