كيفية جعل زر وميض

جدول المحتويات:

كيفية جعل زر وميض
كيفية جعل زر وميض
Anonim

الزر الوامض هو عنصر تصميم ويب يساعد في جعل الصفحة مشرقة وجذابة. ومع ذلك ، عند استخدام هذا التأثير ، عليك التفكير في راحة المستخدمين: لا تسيء استخدام "الرقائق" المتموجة.

كيفية جعل زر وميض
كيفية جعل زر وميض

تعليمات

الخطوة 1

إذا تم تمثيل الزر المطلوب كصورة ارتباط وتغيير اللون بعد تحريك المؤشر ، فقم بإنشائه باستخدام الجدول وسمات onMouseOver و onMouseOut.

زر

الخطوة 2

يمكنك عمل زر يومض باستخدام JavaScript. لجعل التأثير ساري المفعول على تمرير الماوس ويتلاشى بعد إزالة المؤشر ، استخدم التعليمات البرمجية التالية: عنوان علامة التبويب arrColor = ["0"، "1"، "2"، "3"، "4"، "5 "،" 6 "،" 7 "،" 8 "،" 9 "،" أ "،" ب "،" ج "،" د "،" هـ "،" و "] ؛ function mouseOut () {for (i = 0؛ i <13؛ i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF "؛'، i * 50) ؛ } function mouseOver () {for (i = 0؛ i <15؛ i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 "؛' i * 50) ؛ }

الخطوه 3

إذا كان لديك برنامج Adobe Photoshop في متناول اليد ، فيمكنك إحداث تأثير وامض في محرر الرسومات مباشرةً. للقيام بذلك ، قم بإنشاء ملف جديد ، بالإضافة إلى طبقات جديدة ، يجب أن يكون عددها مساويًا لمجموع الإطارات. بعد ذلك ، في اللوحة اليمنى ، حدد الطبقة الأولى "بالعين" وافتح عنصر "الرسوم المتحركة" من قائمة "النافذة". في اللوحة التي تظهر ، انقر فوق زر تكرار الإطار ، وحرك "العين" إلى الطبقة التالية ، وهكذا. انقر بزر الماوس الأيمن على كل إطار واضبط الوقت. قم بمعاينة النتيجة وتعديلها إذا لزم الأمر وحفظها بتنسيق

موصى به: