Kesan rolling sangat bagus dan kodnya sangat mudah, jadi tidak akan ada banyak perkara karut di sini. Salin kod Kod adalah seperti berikut: //Fail gaya: <br> * {<br> jidar: 0;<br> padding: 0;<br> }<br> .scrollNews {<br> lebar: 100%;<br> Tinggi: 20px;<br> limpahan: tersembunyi;<br> latar belakang: #FFFFFF;<br> Sempadan: 0px pepejal #AAAAAA;<br> }<br> .scrollNews ul {<br> padding: 2px 5px 5px 25px;<br> }<br> .scrollNews ul li {<br> Tinggi: 20px;<br> jenis gaya senarai: tiada;<br> saiz fon: kecil;<br> }<br> a {<br> hiasan teks: tiada;<br> }<br> <br> </div> Pengepala js<p> </p>Jangan lupa mengimport perpustakaan jquery<p> </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="73947" class="copybut" id="copybut73947" onclick="doCopy('code73947')">Salin kod<u></u></a> Kod adalah seperti berikut:</span><div class="codebody" id="code73947"> <br> $(fungsi () {<br> var settime;<br> $(".scrollNews").hover(function () {<br> }, fungsi () {<br> settime = setInterval(fungsi () {<br> var $first = $(".scrollNews ul:first"); ... pertama"); ketinggian var = $first.find("li:first").height(); // Dapatkan ketinggian li pertama dan sediakan untuk ul bergerak ke atas; $first.animate({ "marginTop": -height "px" }, 600, fungsi () {<br> $ First.css ({margintop: 0} Cari ("li: first"). }, 3000);<br> }). Trigger ("mouseLeave"); // kaedah pencetus () kaedah pencetus () adalah untuk mencetuskan jenis peristiwa elemen yang dipilih <br> });<br> <br><br> <br>kawasan teks jsp<br> <br> </div> <p></p>Salin kod<p></p> <div class="codetitle"> <span> Kod adalah seperti berikut:<a style="CURSOR: pointer" data="51921" class="copybut" id="copybut51921" onclick="doCopy('code51921')"><u></u> <div class="scrollNews"></a> <img width="20" height="15" src="img/laba.png" align="left"></span> <li><a class="tooltip" title="Pengumuman kemas kini nama menu modul pertanyaan: Bermula dari 2015-02-09, menu modul pertanyaan akan menggunakan nama baharu. Untuk butiran, sila rujuk [Baharu dan jadual perbandingan nama lama modul pertanyaan] di bawah "></div> Pengumuman kemas kini nama menu modul pertanyaan: Mulai 2015-02-09, menu modul pertanyaan menggunakan nama baharu Untuk butiran, sila rujuk [jadual perbandingan nama baharu dan lama bagi modul pertanyaan] di bawah.</a><.> <li><a class="tooltip" title="Pengumuman kemas kini nama menu modul pertanyaan: Bermula dari 2015-02-09, menu modul pertanyaan akan menggunakan nama baharu. Untuk butiran, sila rujuk [Baharu dan jadual perbandingan nama lama modul pertanyaan] di bawah "><div class="codebody" id="code51921"> Pengumuman kemas kini nama menu modul pertanyaan: Mulai 2015-02-09, menu modul pertanyaan menggunakan nama baharu Untuk butiran, sila rujuk [jadual perbandingan nama baharu dan lama bagi modul pertanyaan] di bawah.</a><.> </div><br> <br><br> <br>Rakan, jangan ragu untuk menggunakannya dalam projek anda sendiri<br></.> </div></.> </div>