1. نظرة عامة
على بعض مواقع الويب منصات التجارة ، مثل Taobao ، Paipai ، وما إلى ذلك ، ستجد غالبًا أن بعض الصور تدور في شكل الدوائر ، ويتم تنفيذها بشكل متكرر.
2. النقاط الفنية
التطبيق الرئيسي لكائن الرياضيات SIN (إرجاع قيمة الجيب للرقم) و COS (إرجاع قيمة جيب التمام للرقم). من خلال الحصول على قيمة الجيب وقيمة جيب التمام وإضافة بعض الخوارزميات لتغيير موضع الطبقة الحالية ، بحيث تدور الصورة في الصفحة.
3. تنفيذ محدد
(1) يستخدم هذا المثال قيم الجيب وجيب التمام لكائن الرياضيات في JavaScript لتغيير موضع الطبقة الحالية. الرمز كما يلي:
<script language = "javaScript"> var x1 = 200 ؛ var x2 = 200 ؛ var timer ؛ var r = 60 ؛ var i = 0 ؛ دالة eddyphoto (i) {var ob = document.all ("defround") ؛ 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) ؛(2) أضف طبقة إلى الصفحة وأضف الصورة لتدوير التأثير على الطبقة. الرمز كما يلي:
<div id = "efround"> <img src = "temp.jpg"> </viv>
ما سبق هو المعرفة ذات الصلة التي قدمها لك المحرر لتحقيق تأثير الصور الدوارة على الصفحة بناءً على رمز JS. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!