1. Ikhtisar
Gulir gambar dalam satu loop tidak hanya dapat menambahkan efek dinamis ke halaman web, tetapi juga menyimpan ruang halaman dan secara efektif memastikan bahwa lebih banyak gambar ditampilkan pada halaman terbatas.
2. Poin teknis
Metode utama digunakan untuk mencapai efek gulir loop dari gambar. Format sintaks dari metode setTimeout () adalah sebagai berikut:
setTimeout (fungsi, milidetik, [argumen])
Deskripsi Parameter:
A. Fungsi: Nama fungsi khusus JavaScript yang akan dipanggil.
B. Milliseconds: Tetapkan waktu batas waktu dalam milidetik.
Fungsi: Setelah waktu batas waktu selesai, fungsi tersebut dipanggil. Nilai ini dapat dihapus dengan fungsi ClearTimeout ().
3. Implementasi spesifik
(1) Tambahkan tag <div> dengan Demo Atribut ID pada posisi halaman yang sesuai, dan tambahkan tabel dan gambar yang akan ditampilkan di tag. Kode kuncinya adalah sebagai berikut:
<Div id = "Demo" style = "overflow: tersembunyi; lebar: 455px; tinggi: 166px;"> <tabel cellpacing = "0" cellpadding = "0"> <tr> <td valign = "TOP" CELT "CENTER =" 0 "> <! align = "center"> <%untuk (int i = 1; i <8; i ++) {%> <td> <img src = "gambar/<%= i%>. jpg"> </td> <%}%> </tr> </able> </td </tdr> </tdr> </tdr> </tdr> </tdr> </ted = "marquepic2"> </table> </td </td </tdr> </tdle> </tlab </tdle> </tlu> </tange> </tabel> </tabel> </tabel> </tabel> </tabel> </tabel> </tabel> </tabel>(2) Tulis Fungsi JavaScript Kustom () untuk mencapai efek pengguliran loop gambar yang tidak terputus. Semakin besar nilai kecepatan, semakin cepat gambar menggulir. Kode spesifiknya adalah sebagai berikut:
<bahasa skrip = "javascript"> var speed = 30; // Atur waktu interval marquepic2.innerhtml = marquepic1.innerhtml; var demo = document.geteLementById ("demo"); // Dapatkan Fungsi Objek Demo Marquee (n) {// Metode untuk mewujudkan gulir loop gambar if (marquepic1.offsetwidth-demo.scrollleft <= 0) {demo.scrollleft = 0; } else {demo.scrollleft = demo.scrollleft+n;}} var mymar = setInterval ("marquee (5)", speed); demo.onmouseover = function () {// hentikan gulir clearInterVal (mymar);} demo.onmouseout = function () {) {) {) { /{ / /{ / /{ /{{} {} {} {} {} {{mymar); Mymar = setInterval ("marquee (5)", speed);} </script>Di atas adalah pengetahuan yang relevan tentang kode JavaScript yang diperkenalkan editor kepada Anda untuk mewujudkan efek pengguliran loop gambar. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!