Artikel ini menjelaskan metode penerapan efek roll waktunya dari gambar JS. Bagikan untuk referensi Anda, sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = uTf-8"/> <meta http-equiv = "x-ua-compatible" compatible "contactible" content "competibe"/quivable = 7 "Image/quiv =" x-uA-compatible "compatible" competibe "compatible" compatible "compatible" compatible "compatible" compatible "compatible" compatible " <style type = "text/css"> .father {position: relatif; meluap: tersembunyi; Tinggi: 100px; Lebar: 300px; } .box {float: left; font-size: 12px; Lebar: 80px; Tinggi: 120px; meluap: tersembunyi; Posisi: Absolute; } </tyle> <bahasa skrip = "javascript" type = "text/javascript"> var t; window.onload = function () {var o = document.geteLementById ('box'); t = window.setInterval (function () {scrollup (o, 24, 0);}, 3000)} /// gulir metode utama /// parameter: o gulir blok objek /// parameter: d tinggi setiap gulir /// parameter: c saat ini gulir scrollup (o, d, c) {if (d = = (d = (C = (C =) {{o, d, c) {if (d = = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d = (d =) {o, o, d = (d = (d = (d = getFirstChild (O.FirstChild) .clonenode (true); O.Removechild (GetFirstChild (O.FirstChild)); O.AppendChild (T); t.style.margintop = "0px"; } else {c += 1; getFirstChild (o.firstchild) .style.margintop = -c + "px"; window.setTimeout (function () {scrollup (o, d, c)}, 15); }} // Selesaikan masalah bahwa spasi dikembalikan sebagai node dalam fungsi firefox getFirstChild (node) {while (node.nodetype! = 1) {node = node.nextsibling; } return node; } </script> </head> <body> Demonstrasi efek waktu gulir <hr> <div> <v id = "box"> <verv> <img src = "../ img/head/1.png"/> </div> <von//div> <png = "../ img/head/2.png"//div> </div> <png = "../img/head/2.png"//div> </div> div> div = "../IMG/head/2.png"//div> </Div> div> div> div> <png = ".. </div> <div> <img src = "../ img/head/4.png"/> </div> </div> </div> </body> </html>Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Efek dan Teknik Peralihan Javascript", "Ringkasan Keterampilan Algoritma Pencarian JavaScript", "Ringkasan Teknik Animasi dan Teknik JavaScript," Ringkasan Ringkasan Data Javascript dan Ringkasan Data Javascript "," Ringkasan Data JavaScript "," Ringkasan Data JavaScript "," Ringkasan DEBUGRITM PENGABUNG DAN RINGKASI DAGGING "RINGKASI DAN RINGKASAN DATRICKS" RINGKASI DAN RINGKASI DAGGING "RINGKASI DAN RINGKASI DAGGING" RINGKAS Algoritma dan teknik traversal javascript ", dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.