ホームページ >ウェブフロントエンド >jsチュートリアル >jquery はマーキー効果 (テキストまたは画像の水平および垂直スクロール) を実装します_jquery
元々、フロントエンドの HTML コードでは、テキストや画像の水平および垂直スクロールを実現するために Marquee が使用されていましたが、ブラウザーの互換性と W3C 標準への準拠を考慮した結果、引き続き JavaScript コードを使用して実装されると考えました。その後、私は jquery に夢中になりました。以下に書かれた内容が初心者にとって役立つことを願っています。専門家は批判することはできませんが、ご指導は歓迎します。
原則: シームレススクロールの原則は、同じコンテンツを持つ 2 つのコンテナを使用して、人々の視覚を欺く効果を達成することです。そして、大きなコンテナ全体のスクロールバーを左右または上下に動かすことでスクロールが実現されます。以下に原理を簡単に説明した手書きの絵を添付します。まず第一に、私たちの目的はボックス 1 のコンテンツの左水平スクロールを実現することです (右スクロールと上下スクロールの原理は実際にはほぼ同じです。そのうちの 1 つを知っていれば、他は問題ありません) 。)。次に、ページが読み込まれるときに、js を使用してボックス 2 のコンテンツ (HTML コンテンツ) をボックス 1 のコンテンツと同じになるように動的に割り当てます。次に、スクロール バーを徐々に右に移動して、左側の効果を実現します。そこまで言ったところで。後でコード(コメント付き)を添付します。
1.html コード