Der Rolleffekt ist sehr gut und der Code ist sehr einfach, daher wird es hier nicht viel Unsinn geben. Code kopieren Der Code lautet wie folgt: //Style-Datei: <br> * {<br> Rand: 0;<br> padding: 0;<br> }<br> .scrollNews {<br> Breite: 100 %;<br> Höhe: 20px;<br> Überlauf: versteckt;<br> Hintergrund: #FFFFFF;<br> Rand: 0px fest #AAAAAA;<br> }<br> .scrollNews ul {<br> Polsterung: 2px 5px 5px 25px;<br> }<br> .scrollNews ul li {<br> Höhe: 20px;<br> list-style-type: none;<br> Schriftgröße: klein;<br> }<br> ein {<br> text-decoration: none;<br> }<br> <br> </div> Header js<p> </p>Vergessen Sie nicht, die JQuery-Bibliothek zu importieren<p> </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="73947" class="copybut" id="copybut73947" onclick="doCopy('code73947')">Code kopieren<u></u></a> Der Code lautet wie folgt:</span><div class="codebody" id="code73947"> <br> $(function () {<br> var settime;<br> $(".scrollNews").hover(function () {<br> }, Funktion () {<br> settime = setInterval(function () {<br> var $first = $(".scrollNews ul:first"); var $first = $(".scrollNews ul: zuerst"); var height = $first.find("li:first").height(); // Ermitteln Sie die Höhe des ersten Li und bereiten Sie sich darauf vor, dass sich die UL nach oben bewegt. $first.animate({ "marginTop": -height "px" }, 600, function () {<br> $ First.css ({margintop: 0}). Suchen ("li: first"). });<br> }, 3000);<br> }). Trigger ("mouseLeave"); // Die Trigger ()-Methode dient zum Auslösen der Art von Ereignissen des ausgewählten Elements <br> });<br> <br><br> <br>JSP-Textbereich<br> </div> <p></p> <p>Code kopieren</p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="51921" class="copybut" id="copybut51921" onclick="doCopy('code51921')"> Der Code lautet wie folgt:<u></u></a> <div class="scrollNews"></span> <img width="20" height="15" src="img/laba.png" align="left"></div> <li><a class="tooltip" title="Ankündigung zur Aktualisierung des Menünamens des Abfragemoduls: Ab dem 09.02.2015 wird das Menü des Abfragemoduls einen neuen Namen verwenden. Einzelheiten finden Sie in den [Neuen und alte Namensvergleichstabelle des Abfragemoduls] unten Ankündigung zur Aktualisierung des Menünamens des Abfragemoduls: Ab dem 09.02.2015 verwendet das Abfragemodulmenü einen neuen Namen. Weitere Informationen finden Sie in der [Vergleichstabelle für neue und alte Namen des Abfragemoduls] unten.</a><div class="codebody" id="code51921"> <li><a class="tooltip" title="Ankündigung zur Aktualisierung des Menünamens des Abfragemoduls: Ab dem 09.02.2015 wird das Menü des Abfragemoduls einen neuen Namen verwenden. Einzelheiten finden Sie in den [Neuen und alte Namensvergleichstabelle des Abfragemoduls] unten Ankündigung zur Aktualisierung des Menünamens des Abfragemoduls: Ab dem 09.02.2015 verwendet das Abfragemodulmenü einen neuen Namen. Weitere Informationen finden Sie in der [Vergleichstabelle für neue und alte Namen des Abfragemoduls] unten.</a><br> </div><br> <br><br> <br>Freunde, ihr könnt es gerne in euren eigenen Projekten verwenden<br> </div> </div>