CSS:
ul, li {margem: 0; preenchimento: 0; } #scrolldiv {width: 300px; Altura: 25px; altura de linha: 25px; fundo de borda: #4c8cd1 1px sólido; estouro: oculto; } #scrolldiv li {altura: 25px; preenchimento-esquerda: 10px; }JS:
<SCRIPT> FUNÇÃO AUTOSCROLL (OBJ) {$ (obj) .Find ("Ul: First"). Animate ({margintop: "-25px"}, 800, function () {$ (this) .css ({margintop: "0px"}). find ("li: primeiro". } $ (document) .ready (function () {setInterval ('AUTOSCROLL ("#scrolldiv")', 3000) setInterval ('AutoScroll ("#scrolldiv")', 3000)}); </script>Html:
<div id = "scrolldiv"> <ul> <li> Esta é a primeira linha do título do anúncio </li> <li> Esta é a segunda linha do título do anúncio </li> <li> Esta é a terceira linha do título de anúncio </li> <li> Esta é a quarta linha do título do anúncio </li> <li> isto é o quintal da linha da linha do anúncio <li> <li> Título </li> <li> Esta é a sétima linha do título do anúncio </li> <li> Esta é a oitava linha do título do anúncio </li> </ul> </div>
A implementação simples do rolamento ininterrupto do JS acima é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.