محدد الرسوم المتحركة
الوصف: حدد كل العناصر الموجودة في تقدم الرسوم المتحركة في وقت تشغيل المحدد.
الإصدار المضاف: 1.2 jQuery (": animated")
ملاحظة: إذا كنت تستخدم بنية jQuery مخصصة بدون وحدة التأثيرات ، فسيقوم محدد الصور :animated
بطرح خطأ.
ملاحظات إضافية:
- نظرًا لأن
:animated
عبارة عن إضافة jQuery وليست جزءًا من مواصفات CSS ، فإن الاستعلامات باستخدام:animated
لا يمكنها الاستفادة من تحسين الأداء المقدم بواسطة طريقة DOMquerySelectorAll()
. لتحقيق أفضل أداء عند استخدام:animated
لتحديد عناصر ، قم أولاً بتحديد العناصر باستخدام محدد CSS خالص ، ثم استخدم.filter(":animated")
.
مثال:
تغيير لون أي div متحرك.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>animated demo</title> <style> div { background: yellow; border: 1px solid #AAA; width: 80px; height: 80px; margin: 0 5px; float: left; } div.colored { background: green; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button id="run">Run</button> <div></div> <div id="mover"></div> <div></div> <script> $( "#run" ).click(function() { $( "div:animated" ).toggleClass( "colored" ); }); function animateIt() { $( "#mover" ).slideToggle( "slow", animateIt ); } animateIt(); </script> </body> </html>