最近、私はフロントエンド開発プロジェクトに取り組んでいます。これには、シームレスなスクロール効果、上、下、左、および右スクロールがシームレスに必要です。次のエディターは、実装コードをWulin Networkプラットフォームと共有します。それを必要とする友達はそれを参照できます。バグがある場合は、一緒に学習して進歩を遂げるように頼んでください。
特定のコードは次のとおりです。
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <title>一時停止を備えたテキストループの複数の列の行 - </title> <meta name = "keywords" content = "webページ効果"/> <meta name = "content =" charset = utf-8 "> <style type =" text/css "> ul {height：200px; padding-right：0px; padding-left：0px; padding-bottom：0px; margin：0px; padding-top：0px} #announcement {width：width：300px; height; hidden;}＃div {border：＃e6e6e6 1px solid; padding：0px 10px 0px 10px; hidden; line-height：24px; height; height;}＃anountound li {font-size：12px; float：left; left; list-style-type：nead-right; url（img/arrow_right.gif）No-Repeat 0px 50％; White-Space：Nowrap} #Nouncement A {Text-Decoration：None;}＃Announden Announde A：Hover {Text-Decoration：Underline;} onmouseout = "if（！annst）annst = setimeout（ 'Announcementscroll（）'、anndelay）;"> <div id = "scrbody"> <ul> <li> <a href = "＃"ターゲット= "_ blank"> jquery画像スライドショー効果ターゲット= "_ blank"> VBバージョンの強化Windowsタスクマネージャー</a> </li> <li> <a href = "＃/js/texiao"ターゲット= "_ blank"> jquery tip multi-style link prosp box </a> </li> <li> <a href = "＃/js/ad" _c _ flank "> vc+ vc+ vc+ vc+ frunt call smpt and電子メール</a> </li> <li> <a href = "＃/html+css"ターゲット= "_ blank"> ++ lianlian監視ゲームソースコード付きゲームソースコード</a> </li> <li> <a href = "ターゲット= "_ blank"> href = "＃/"ターゲット= "_ blank"> vb VBオペレーティングシステムのいくつかの一般的なヒント</a> </li> <li> <a href = "＃/js"ターゲット= "_ blank"> xtree標準Webメニューツリー（ツリーメニュー）</a> </li> $（id）{return document.getElementById（id）;} var anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; function anncountementscroll（）{if（！annst）{$（ 'scrbody'）。 $（ 'scrbody'）。innerhtml; $（ 'scrbody'）。 null;} return;} if（anncount == annheight）{if（$（ 'scrbody'）。scrollheight -annheight <= $（ 'scrbody'）。scrolltop）。 setimeout（ 'AnnouncementsCroll（）'、Anndelay）;} else {$（ 'scrbody'）。scrolltop ++; anncount ++; annst = setimeout（ 'Announcementscroll（）'、anndelay）;} els {$（ 'scrbody'）。 10）;}} anncountementscroll（）; </script> </body> </html>上記は、編集者がJSとHTMLを使用してマーキータグを組み合わせてシームレスなスクロール効果を実現するコードです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！