Vor kurzem arbeite ich an einem Front-End-Entwicklungsprojekt, das nahtlosen Scroll-Effekt, nach oben, unten, links und rechts scrollen erfordert. Der folgende Editor wird den Implementierungscode an die Wulin Network -Plattform weitergeben. Freunde, die es brauchen, können sich darauf beziehen. Wenn es irgendwelche Fehler gibt, können Sie sie gerne lernen, gemeinsam zu lernen und Fortschritte zu erzielen.
Der spezifische Code lautet wie folgt:
<! DocType html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3c.org/tr/1999/rec-html401-1991224/loose.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <titels> Eine Zeile mehrerer Spalten von Textschleifen mit Pause-</title> <meta name = "keywords" content = "webseiteneffekt"/> <meta name = "content ="/> <meta http- charset = utf-8 "> <style type =" text/CSS "> ul {Höhe: 200px; Padding-Right: 0px; Padding-Links: 0px; Padding-Bottom: 0px; Margin: 0px; Padding-Top: 0px} #Annement {widthth: 300px; hohe: 200px; up: 200px; Hidden;}#Ankündigung Div {Border:#e6e6e6 1px Solid; Padding: 0px 10px 0px 10px; Überlauf-y: Hidden; Linienhöhe: 24px; Höhe: 100px;}#Ankündigung li {font-size: 12px; float: links; list-style: 10px; url(img/arrow_right.gif) no-repeat 0px 50%;white-space: nowrap}#announcement a {text-decoration: none;}#announcement a:hover {text-decoration:underline;}</style></HEAD><BODY><DIV id="announcement" onMouseOver="if(!anncount) {clearTimeout(annst);annst = 0}" onmouseout = "if (! Annst) Annst = setTimeout ('AnscementsCroll ()', Anndelay); target = "_ leer"> VB-Version erweiterte Windows-Task-Manager </a> </li> <li> <a href = "#/js/texiao" target = "_ leer"> jQuery Tipp Multi-Stil-Link-Eingabeaufforderung. E-Mails </a> </li> <li> <a href = "#/html+csS" target = "_ leer"> ++ lianlian Uhrenspielquellencode mit Plug-In </a> </li> <li> <a href = "#/" target = "_ Blankul"> API-basierte VB-basierte VB-Haoks-Interceptor </a> </li> </li> <a. target="_blank"> href="#/" target="_blank">VB Some common tips for VB operating systems</a></li><li><a href="#/js" target="_blank">xTree Standard WEB menu tree (tree menu)</a></li></ul></DIV></DIV><script type="text/javascript">function $ (id) {return document.getElementById (id);} var an anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; FunktionsankündigungenCroll () {if (! Annst) {$ ('Scrash'). InnerHtml += '<br style = "clear =" clear: beide " />' +'' '' '). $ ('scrody'). Innerhtml; $ ('scrody'). scrolltop = 0; if ($ ('scroded'). scrollHeight> Annheight * 3) {Annst = setTimeout ('Ankündigungencroll ()', Anndelay);} else {$ ($ “(Ankündigungen '). Übermaus. null;} return;} if (AnnCount == Annheight) {if ($ ('screDy'). scrollHeight - Annheight <= $ ('scrody'). scrolltop {$ ('Scrbody'). scrolltop = $ ('Scrbody'. Anndelay);} else {$ ('scrkodex'). scrolltop ++; AnnCount ++; Annst = setTimeout ('AnsageCementsCroll ()', Anndelay);} else {$ ('scrbody'. 10);}} AnsagecementsCroll (); </script> </body> </html>Der obige Code ist der Code, den der Editor mit JS und HTML mithilfe von Marquee -Tags mithilfe von JS und HTML vorgestellt hat, um einen nahtlosen Scrolling -Effekt zu erzielen. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!