最近、私はフロントエンド開発プロジェクトに取り組んでいます。これには、シームレスなスクロール効果、上、下、左、および右スクロールがシームレスに必要です。次のエディターは、実装コードを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のウェブサイトへのご支援ありがとうございます!