چگونه می توان یک دکمه چشمک زد

فهرست مطالب:

چگونه می توان یک دکمه چشمک زد
چگونه می توان یک دکمه چشمک زد

تصویری: چگونه می توان یک دکمه چشمک زد

تصویری: چگونه می توان یک دکمه چشمک زد
تصویری: تنظیمات پابجی موبایل (آموزش کامل قسمت پایه) | PUBG Mobile Setting 2024, ممکن است
Anonim

دکمه چشمک زدن عنصری برای طراحی وب است که به روشن و جذاب شدن صفحه کمک می کند. با این حال ، هنگام استفاده از این جلوه ، باید به راحتی کاربران فکر کنید: از "تراشه های" موج دار سو استفاده نکنید.

چگونه می توان یک دکمه چشمک زد
چگونه می توان یک دکمه چشمک زد

دستورالعمل ها

مرحله 1

اگر دکمه مورد نیاز ، به عنوان تصویر پیوند و تغییر رنگ پس از نشانگر نشانگر نشان داده شد ، آن را با استفاده از جدول و ویژگی های onMouseOver و onMouseOut ایجاد کنید.

دکمه

گام 2

با استفاده از JavaScript می توانید یک دکمه چشمک زدن ایجاد کنید. برای اینکه اثر بر روی شناور ماوس تأثیر بگذارد و پس از حذف مکان نما کمرنگ شود ، از کد زیر استفاده کنید: عنوان tab arrColor = ["0" ، "1" ، "2" ، "3" ، "4" ، "5 "،" 6 "،" 7 "،" 8 "،" 9 "،" a "،" b "،" c "،" d "،" e "،" f "] ؛ تابع 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 در دست دارید ، می توانید جلوی چشمک زدن را در ویرایشگر گرافیک ایجاد کنید. برای این کار ، یک فایل جدید و همچنین لایه های جدید ایجاد کنید ، تعداد آنها باید برابر با مجموع فریم ها باشد. پس از آن ، در پانل سمت راست ، اولین لایه را با "چشم" انتخاب کرده و از منوی "Window" مورد "Animation" را باز کنید. در پانلی که ظاهر می شود ، بر روی دکمه قاب تکراری کلیک کنید ، "چشم" را به لایه بعدی منتقل کنید و غیره. روی هر فریم کلیک راست کرده و زمان را تنظیم کنید. نتیجه را پیش نمایش کنید ، در صورت لزوم آن را اصلاح کرده و در قالب

توصیه شده: