CSS:
UL, li {margen: 0; relleno: 0; } #scrollldiv {ancho: 300px; Altura: 25px; Línea de altura: 25px; Border-Bottom: #4C8CD1 1PX Solid; desbordamiento: oculto; } #scrollldiv li {altura: 25px; ROLDE-LEFT: 10px; }JS:
<script> function AutoScroll (obj) {$ (obj) .find ("ul: primero"). Animate ({margintop: "-25px"}, 800, function () {$ (this) .CSSS } $ (documento) .Ready (function () {setInterval ('AutoScroll ("#scrollldiv")', 3000) setInterval ('AutoScroll ("#scrollldiv")', 3000)}); </script>HTML:
<div id="scrollDiv"> <ul> <li>This is the first line of the announcement title</li> <li>This is the second line of the announcement title</li> <li>This is the third line of the announcement title</li> <li>This is the fourth line of the announcement title</li> <li>This is the fifth line of the announcement title</li> <li>This is the sixth line of the announcement Título </li> <li> Esta es la séptima línea del título del título </li> <li> Esta es la octava línea del título del anuncio </li> </ul> </div>
La simple implementación del desplazamiento ininterrumpido de JS anterior es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.