1. Ikhtisar
Di beberapa situs web platform perdagangan, seperti Taobao, Paipai, dll., Anda sering menemukan bahwa beberapa gambar berputar dalam bentuk lingkaran, dan mereka dieksekusi berulang kali.
2. Poin teknis
Aplikasi utama dari objek matematika Sin (mengembalikan nilai sinus dari angka) dan COS (mengembalikan nilai cosinus dari angka). Dengan mendapatkan nilai sinus dan nilai kosinus dan menambahkan beberapa algoritma untuk mengubah posisi lapisan saat ini, sehingga gambar berputar di halaman.
3. Implementasi spesifik
(1) Contoh ini menggunakan nilai sinus dan cosinus dari objek matematika dalam JavaScript untuk mengubah posisi lapisan saat ini. Kodenya adalah sebagai berikut:
<bahasa skrip = "javascript"> var x1 = 200; var x2 = 200; var timer; var r = 60; var i = 0; fungsi eddyphoto (i) {var ob = document.all ("divround"); ob.style.postop = r*math.sin ((i*math.pi)/180)+x1; ob.style.posleft = r*math.cos ((i*math.pi)/180)+x2; i = i+1; if (r> 100) {window.cleartimeout (timer);} else {if (i> 360) {i = 0; r = r+1;} timer = setTimeout ("eddyphoto ("+i+"), 10);}} eddyphoto (0); <//script>") "(2) Tambahkan lapisan ke halaman dan tambahkan gambar untuk memutar efek ke lapisan. Kodenya adalah sebagai berikut:
<Div id = "Divround"> <img src = "temp.jpg"> </div>
Di atas adalah pengetahuan yang relevan yang diperkenalkan kepada Anda oleh editor untuk mewujudkan efek memutar gambar pada halaman berdasarkan kode JS. 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!