コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

js_javascript スキルによって実装された水平方向の中断のないテキスト スクロール

WBOY
リリース： 2016-05-16 18:12:59
オリジナル
1165 人が閲覧しました

私が最初に考えたタグは、水平スクロールを可能にするための でした。監督は先発位置が右端からだと言ってましたが、中央から出るか左端から出るように変更できるでしょうか？関連情報を確認したところ、 では開始位置を指定できないことが分かりました。その後、インターネット上で画像を使用したコードを見つけ、それをテキストに変更したところ、目的の機能を実現することができました。コードは次のとおりです:


[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

ここ${afiche.content } はデータベースから取り出したテキストです。

この複数の繰り返しテキストがscroll_beginのdivに記述されているのは、これらのテキストの長さがscroll_divのdivコンテナよりも大きくなければならないためです。 div より小さい場合、スクロール効果はありません。 言い換えると、シームレススクロールのためのコンテンツの合計幅はコンテナの幅より大きくなければなりません。
関連ラベル：
文字 横スクロール
ソース：php.cn
前の記事：Js でボックスをポップアップし、value_javascript を返す 2 つの一般的な方法 次の記事：JavaScript_javascript スキルでの appendChild、insertBefore、insertAfter の使用手順
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
ApacheのどこにCustomLogディレクティブを配置すればよいですか 私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...
から 2024-04-06 22:03:59
0
1
990
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート