غالبًا ما يتم استخدام الرياضة في JavaScript على الموقع. هذه المرة سوف أشارككم بعض التطبيقات الأساسية للرياضة. من المريح للجميع استخدامها مباشرة أثناء التطوير.
الكود بسيط وسهل الفهم وهو مناسب للمبتدئين. أخيرًا ، سأقوم بفرز إطار العمل الرياضي الخاص بي خطوة بخطوة.
عروض حالة التطبيق:
حرك الماوس للمشاركة وسيتم عرض Div على اليسار. أزلها واستعادتها بنفسك. أعتقد أن الجميع سوف يستخدمون هذا العملي للغاية. دعونا نرى كيف يتم تنفيذ الرمز.
نسخة الكود كما يلي:
<type type = "text/css">
#div1 {
العرض: 150 بكسل ؛
الارتفاع: 200 بكسل ؛
الخلفية: الأخضر.
الموقف: مطلق ؛
اليسار: -150 بكسل ؛
}
#Div1 Span {
الموقف: مطلق ؛
العرض: 20 بكسل ؛
الارتفاع: 60px ؛
رفع الخط: 20 بكسل ؛
الخلفية: الأزرق.
اليمين: -20px ؛
أعلى: 70 بكسل ؛
}
</style>
نسخة الكود كما يلي:
<body>
<div id = "div1">
<span>
مشاركة إلى
</span>
</div>
</body>
فيما يلي رمز JavaScript
نسخة الكود كما يلي:
<script type = "text/javaScript">
window.onload = function () {
var odiv = document.getElementById ("div1") ؛
odiv.onmouseover = function () {
StartMove (0) ؛
} ؛
odiv.onmouseout = function () {
StartMove (-150) ؛
} ؛
}
var time = null ؛
وظيفة StartMove (itraget) {
var odiv = document.getElementById ("div1") ؛
ClearInterval (الوقت) ؛
time = setInterval (function () {
var speed = 0 ؛
if (odiv.offsetleft> itraget) {
السرعة = -10 ؛
}آخر{
السرعة = 10 ؛
}
if (odiv.offsetleft == itraget) {
ClearInterval (الوقت) ؛
}آخر{
Odiv.Style.Left = Odiv.offSetLeft+Speed+'Px' ؛
}
} ، 30) ؛
}
</script>
الأفكار:
اليسار الأولي في النمط هو -150. تم تقليص DIV من الداخل ، وسيتم عرضه إذا تم إعطاؤه 0. ثم نحتاج فقط إلى تغيير هذه القيمة
المعلمة itarget في StartMove هي النقطة المستهدفة ، مما يشير إلى النقطة المستهدفة التي ستتوقف عنها.
يمكن أن تتحكم في حجم السرعة في سرعة الحركة. إذا تم الوصول إلى النقطة المستهدفة ، توقف عن المؤقت.
قانون:
* افتراض
* اليسار: 30 Itarget: 300 يتم الحصول عليها على أنها إيجابية على اليمين
* اليسار: 600 Itarget: 50 إنه سلبي إلى اليسار
*
* العلاقة بين الموضع الحالي اليسر
ملاحظة: يجب إيقاف تشغيل المؤقت بمجرد أن تبدأ ، لأنه في كل مرة تنتقل فيها للمشاركة ، سيتم تشغيل مؤقت. كلما زادت التشغيل ، كلما كانت السرعة أسرع ، لأنه سيكون هناك أجهزة ضبط الوقت متعددة للتنفيذ في نفس الوقت.
لذلك في كل مرة يجب أن تتأكد من أن مؤقتًا يعمل.
اتبع: وظيفة الوظيفة نفسها ، وعدد أقل من المعلمات ، كان ذلك أفضل ، لذلك وفقًا للقواعد المذكورة أعلاه ، لا يتم تمرير السرعة كمعلمات.
لإعطاء مثال في الحياة: من المستحيل عمومًا أخذ سيارة أجرة وإخبار سائق التاكسي أن لديه 100 ياردة للذهاب إلى أي مكان وصل إليه. لا يمكنك إخبار السيد مدى السرعة التي تريد تشغيلها
وبالتالي فإن البرنامج هو نفسه ، لذلك تتم إزالة المعلمة السرعة هنا.
بالطبع ، سيكون هناك العديد من المشكلات في الإطار الرياضي الحالي ، والذي سيتم حله واحدًا تلو الآخر في المستقبل. في المقالة التالية ، دعونا نناقش كيفية إيقاف الحركة الموحدة.