Artikel ini menjelaskan implementasi sederhana dari efek gulir yang mulus dari JS. Bagikan untuk referensi Anda, sebagai berikut:
<! Doctype html> <title> javascript gulir mulus </iteme> <meta charset = "utf-8" /> <meta name = "kata kunci" content = "javascript scroll lancur" /> <meta name = "description" content = "javascript scroll leamless" /> <meta name = "description" content = "javascript seamless scroll" /<style typede = "TEKS /TEKS /CONTECS = JAVASCRIPTSLEXTLENESTIONTLENTONG" /<style Type = " Yahei ", Kaiti_GB2312, Simsun} #marquee {position: relatif; Lebar: 400px; meluap: tersembunyi; Perbatasan: 10px Solid #8080C0; } #marquee img {border: 0px; } #marquee DL, #marquee dt, #marquee dd, #marquee a {float: left; Margin: 0; Padding: 0; } #marquee dl {width: 1000%; Tinggi: 150px; } </tyle> <script type = "text/javascript"> var marquee = function (id) {try {document.execCommand ("latar belakangImagecache", false, true); } catch (e) {}; var container = document.geteLementById (id), original = container.geteLementsbyTagname ("dt") [0], clone = container.getElementsbyTagname ("dd") [0], speed = argumen [1] || 10; clone.innerhtml = original.innerHtml; container.scrollleft = clone.offsetleft var rolling = function () {if (container.scrollleft == 0) {container.scrollleft = clone.offsetleft; } else {container.scrollleft--; }} var timer = setInterval (rolling, speed) // atur timer container.onMouseOver = function () {clearInterval (timer)} // Ketika mouse bergerak ke tenda, hapus timer dan hentikan window. function () {marquee ("marquee");} </script> <h1> javascript gulir mulus (gulir ke kanan) </h1> <v id = "marquee"> <dl> <dt> <a href = "###"> <mg src = "img/o_s017.jg =" ### "> <iMG SRC =" IMG/O_S017.7.7.37 href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "##"> <iMg sr = " <a href = "###"> <img src = "img/o_s020.jpg"/> </a> <a href = "###"> <img src = "img/o_s021.jpg"/> </a> <a href = "###"> <pmg <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###"> <mg src = "img/o_s022.jpg"/> </a> <a href = "##"> <mg sr src = " </dt> <dd> </dd> </ll> </div>Rendering adalah sebagai berikut:
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.