1. ภาพรวม
ในเว็บไซต์แพลตฟอร์มการซื้อขายบางแห่งเช่น Taobao, Paipai ฯลฯ คุณมักจะพบว่ารูปภาพบางภาพหมุนในรูปแบบของวงกลมและพวกเขาจะถูกดำเนินการซ้ำ ๆ
2. คะแนนทางเทคนิค
แอปพลิเคชั่นหลักของวัตถุคณิตศาสตร์ (ส่งคืนค่าไซน์ของหมายเลข) และ cos (ส่งคืนค่าโคไซน์ของหมายเลข) โดยการได้รับค่าไซน์และค่าโคไซน์และเพิ่มอัลกอริทึมบางอย่างเพื่อเปลี่ยนตำแหน่งของเลเยอร์ปัจจุบันเพื่อให้ภาพหมุนในหน้า
3. การใช้งานเฉพาะ
(1) ตัวอย่างนี้ใช้ค่าไซน์และโคไซน์ของวัตถุคณิตศาสตร์ในจาวาสคริปต์เพื่อเปลี่ยนตำแหน่งของเลเยอร์ปัจจุบัน รหัสมีดังนี้:
<ภาษาสคริปต์ = "JavaScript"> var x1 = 200; var x2 = 200; ตัวจับเวลา var; var r = 60; var i = 0; ฟังก์ชั่น 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; ถ้า (r> 100) {window.cleartimeout (ตัวจับเวลา);} else {ถ้า (i> 360) {i = 0; r = r+1;} timer = settimeout ("eddyphoto ("+i+")", 10);}} eddyphoto (0);(2) เพิ่มเลเยอร์ลงในหน้าและเพิ่มภาพเพื่อหมุนเอฟเฟกต์ไปยังเลเยอร์ รหัสมีดังนี้:
<div id = "divround"> <img src = "temp.jpg"> </div>
ข้างต้นเป็นความรู้ที่เกี่ยวข้องที่แนะนำให้คุณทราบโดยบรรณาธิการเพื่อให้ตระหนักถึงผลกระทบของการหมุนภาพบนหน้าเว็บตามรหัส JS ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!