Artikel ini menjelaskan Plugin Font Gulir Horizontal JS Kustom. Bagikan untuk referensi Anda, sebagai berikut:
<script type = "text/javascript"> $ (function () {var pengaturan = {content: "@@@@@@ floating text ####", overstop: true, lebar: "100px", targetID: "huangbiao", // fungsi callback setelah tampilan adalah onaftershow: function (obj) {oBj. // funche; "DDDD"); /* Deskripsi Prinsip: 1. Div induk teratas adalah bilah gulir tersembunyi 2. Lebar div tingkat kedua (div anak dari div induk teratas) adalah 8000% 3. Ada dua div anak tingkat ketiga, div1 (yang paling kiri) dan div2 (putuhan kedua) scroll kandungan persis sama, keduanya mengambang ke kiri 4. Tetapkan batang 1, dan scroll scroll. Bilah gulir div atas lebih besar dari atau sama dengan jarak bilah gulir div atas, biarkan jarak bilah gulir div atas menjadi 0 */ fungsi fontMove (userettingoBj) {var that = this; // Gunakan timestamp sebagai nilai id var timestamp = new date (). GetTime (); this.setting = {// menggulir konten teks: "Teks Mengambang", // Lebar bilah gulir ditampilkan lebar: "200px", // kecepatan setiap 30 milidetik: 30, // apakah penangguhan mouse adalah target, false adalah non-stop, default benar-benar overstop: true, Disimpan, jika itu "", maka default ditempatkan di ujung tag tubuh targetID: "", onAfftershow: function () {}}; // Dapatkan file konfigurasi pengguna this.setting = $ .extend (this.setting, userettingObj); // Periksa parameter file konfigurasi this.checkParam = function () {} // plugin ekstensi this.callback = function (myfun) {if (typeof myfun == "function") {// Ini adalah singkatan dari callback, jadi Anda perlu menggunakan parent myfun.call (itu); }} this.remove = function () {$ ("#"+that.setting.objid) .remove (); } this.init = function () {// Semua metode untuk mendapatkan file konfigurasi adalah menggunakannya. '_div1 "style =" float: left; ">'+ that.setting.content+ '</div>'+ '</div>'+ '</div>'+ '</Div>'+ '</Div>'+ '</Div>'+ '</Div>' </Div> '+' </Div> '+'+ '+'+ '+'+ '+' </Div> '+' </Div> '</Div>'+ '+'+ '+'+ '+'+ '</Div>' </Div> '</Div>'+ '+'+ '+'+ '+'+ '+'+ '+' </Div> '</div>'+ '</div>'+ '</div>'+ '</div>'; // menilai apakah lokasi konten ditentukan jika ("" == that.setting.targetId) {$ ("body"). Append (domstr); } else {$ ("#"+that.setting.targetId) .html (domstr); } // konten konten div var thatdiv = document.geteLementById (that.setting.objid); // anak pertama div di var kiri sondiv1 = document.geteLementById (that.setting.objid + '_div1'); // anak kedua div di var kiri sondiv2 = document.geteLementById (that.setting.objid + '_div2'); this.marquee = function () {// Gunakan timer untuk mengubah nilai // console.log ("thatdiv.scrollleft:" + thatdiv.scrollleft); // //sondiv1.offsetwidth nilainya tidak ada // console.log ("sondiv1.offsetwidth:" + neto no no nozet ("sondiv1.offsetwidth:" + neto net/sondiv ("sondiv1.offsetwidth:" + neto no -net/sondiv ("sondiv1.offsetwidth:" + SONDIVSE ("sondiv1.offsetwidth:" + SINDIVSED ("sondiv1.offsetwidth:" + neto nie net/sondiv ("sondiv1.offsetwidth:" + SONDIV1. scrollbars // console.log ("sondiv1.scrollleft:" + sondiv1.scrollleft); // //sondiv2.offsetWidth adalah tetap // console.log ("sondiv2.offsetwidth:" + sondiv2.offsetwidth); // // Nilai ini selalu 0 nilainya 0 karena itu no sondiv2.offsetwidth); // // Nilai No. console.log ("sondiv2.scrollleft:" + sondiv2.scrollleft); // Apakah jarak scrollbar div atas lebih besar dari jarak horizontal anak pertama div, yaitu, apakah lebih besar dari jarak sebenarnya dari konten jika (thatdiv.scrollft - sondiv1.offsetwidth> = 0) {// Panjang bilah gulir dibersihkan lagi oleh 0, yang sama dengan yang disajikan dari scrol -lagi, scroll divole, yang tersisa lagi oleh 0, yang disertai dengan itu, yang tersisa lagi, yang disajikan dari scroll bilah lagi, yang tersisa dari 0, yang disertakan dari scrol -lagi, yang tersisa lagi oleh 0, yang ada divival dari itu, yang tersisa dari scroll batang lagi, yang disajikan lagi oleh 0, yang disertakan dari itu, yang disajikan dari scroll bilah lagi oleh 0, yang ditampilkan dari scrolan lagi, yang disajikan dari itu lagi, yang disertai dengan 0, yang disertakan dari itu, yang tersisa dari scrol -lagi, yang tersisa dari 0, yang ada divival dari scrol -lagi, yang tersisa lagi oleh 0, yang ditampilkan dari scrol -lagi divole. thatdiv.scrollleft - sondiv1.offsetwidth; } else {thatdiv.scrollleft ++; }} var myvar = setInterval (that.marquee, that.setting.speed); // Mouse ditangguhkan, apakah akan menghentikan gerakan jika (itu. that.setting.onaftershow.call (itu, itu); }} // Selesaikan inisialisasi this.init (); // Kembalikan metode itu sendiri, sehingga semua parameter yang mengkonfigurasi ini dapat diperoleh mengembalikan ini; } </script>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.