איך לגרום לכפתור למצמץ

תוכן עניינים:

איך לגרום לכפתור למצמץ
איך לגרום לכפתור למצמץ

וִידֵאוֹ: איך לגרום לכפתור למצמץ

וִידֵאוֹ: איך לגרום לכפתור למצמץ
וִידֵאוֹ: התפקיד שלי הוא לתצפת על היער ומשהו מוזר קורה כאן. 2024, נוֹבֶמבֶּר
Anonim

כפתור מהבהב הוא אלמנט לעיצוב אתרים המסייע בהפיכת דף בהיר ומושך. עם זאת, כאשר משתמשים באפקט זה, עליכם לחשוב על נוחות המשתמשים: אל תנצלו לרעה את ה"צ'יפס "המפליג.

איך לגרום לכפתור למצמץ
איך לגרום לכפתור למצמץ

הוראות

שלב 1

אם הכפתור הנדרש, המיוצג כתמונת קישור ושינוי צבע לאחר ריחוף הסמן, צור אותו באמצעות הטבלה והתכונות onMouseOver ו- onMouseOut.

לַחְצָן

שלב 2

אתה יכול ליצור כפתור מהבהב באמצעות JavaScript. כדי שהאפקט ישפיע על ריחוף העכבר ונמוג לאחר הסרת הסמן, השתמש בקוד הבא: כותרת הכרטיסייה arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; פונקציה mouseOut () {עבור (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } פונקציה mouseOver () {עבור (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

שלב 3

אם יש לך Adobe Photoshop בהישג יד, אתה יכול לעשות אפקט מהבהב ישירות בעורך הגרפיקה. לשם כך, צור קובץ חדש, כמו גם שכבות חדשות, שמספרן אמור להיות שווה לסכום המסגרות. לאחר מכן, בחלונית הימנית, בחרו בשכבה הראשונה עם "עין" ופתחו את הפריט "אנימציה" מתפריט "חלון". בחלונית שמופיעה, לחץ על כפתור המסגרת הכפול, העבר את "העין" לשכבה הבאה וכן הלאה. לחץ לחיצה ימנית על כל פריים וקבע את השעה. תצוגה מקדימה של התוצאה, שנה אותה במידת הצורך ושמור אותה בתבנית

מוּמלָץ: