CSS:
ul, li {margin: 0; Padding: 0; } #scrollDiv {width: 300px; Tinggi: 25px; Line-Height: 25px; Border-Bottom: #4C8CD1 1PX SOLID; meluap: tersembunyi; } #scrolldiv li {height: 25px; Padding-left: 10px; }JS:
<script> function autoscroll (obj) {$ (obj) .find ("ul: first"). animate ({margintop: "-25px"}, 800, function () {$ (this) .css ({margintop: "0px"}). find ("li: first"). } $ (dokumen) .ready (function () {setInterval ('AutoScroll ("#scrollDiv")', 3000) SetInterval ('AutosCroll ("#scrollDiv")', 3000)}); </script>Html:
<Div id = "scrolldiv"> <ul> <li> Ini adalah baris pertama dari judul pengumuman </li> <li> Ini adalah baris kedua dari judul pengumuman </li> <li> Ini adalah lini ketiga dari judul pengumuman ini </li> Ini adalah judul pengumuman keempat </Li> </Li> ini adalah lini kelima pengumuman ini </Li> </Li> Ini adalah lini kelima dari pengumuman ini dari pengumuman ini </Li> Lier </li> Judul </li> <li> Ini adalah baris ketujuh dari judul pengumuman </li> <li> Ini adalah baris kedelapan dari judul pengumuman </li> </ul> </div>
Implementasi sederhana dari gulir JS yang tidak terputus di atas adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.