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 のいくつかの複雑な SQL ステートメント (重複行のクエリと削除)

1. 重複行を見つける blog_user_relation a から * を選択 WHERE (...

HTML と埋め込み Flash の両方におけるスクロールバーの分析と処理

開発を行う際に、次のような状況に遭遇することがよくあります。 a.swf が Web ページに追加さ...

SQL 集計、グループ化、並べ替え

目次1. 集計クエリ1. COUNT関数2. SUM関数3. AVG関数4. MAX関数とMIN関数...

Vueコンポーネントの動的コンポーネントの詳細な説明

目次要約する要約する配列が変更されると、対応するデータを動的にロードしますシナリオ: 異なるコンポー...

Dockerはポートを介してコンテナに接続します

Dockerコンテナ接続1. ネットワークポートマッピングPythonアプリケーション用のコンテナを...

DeepinでPyenvをインストールする手順

序文これまでは、/bin/ ディレクトリのソフトリンクを変更して Python のバージョンを切り替...

ウェブページの最も基本的なコード

◆お気に入りに追加例示するクリックすると、ブラウザのお気に入りメニューにウェブサイトが追加されます...

Zabbix で Windows のパフォーマンスを監視する方法

背景情報最近、Windows パフォーマンスに関する本を読み直しています。以前は SCOM 監視を使...

JVMシリーズのメモリモデルの詳細な説明

目次1. メモリモデルとランタイムデータ領域2. マインドマップと凡例3. オブジェクトはJVMから...

Dockerコンテナ終了エラーコードの手順

実行後、一部の Docker コンテナが終了することがあります。原因を調べるには、Docker コン...

nginx 設定チュートリアルにおける add_header の落とし穴の詳細な説明

序文add_header は、headers モジュールで定義されたディレクティブです。名前が示すよ...

MySQLでSQLクエリ文がどのように実行されるかを分析する

目次1. MySQL論理アーキテクチャの概要2. コネクタクエリキャッシュ4. パーサー5. オプテ...

K8Sの高度な機能を理解するための記事

目次K8Sの高度な機能高度な機能要約するkubectl サービスの問題のトラブルシューティングK8S...

Centos7 で yum を使用して Ceph 分散ストレージをインストールするチュートリアル

目次序文yumソース、epelソースを設定するCephソースの設定Cephとそのコンポーネントをイン...

Dockerのネットワークモードと設定方法

1. Dockerネットワークモードdocker run が Docker コンテナを作成するときに...