ปุ่มกะพริบเป็นองค์ประกอบการออกแบบเว็บที่ช่วยให้หน้าสว่างและน่าสนใจ อย่างไรก็ตาม เมื่อใช้เอฟเฟกต์นี้ คุณต้องคำนึงถึงความสะดวกของผู้ใช้ด้วย: อย่าใช้ "ชิป" ที่กระเพื่อมในทางที่ผิด
วิธีทำให้ปุ่มกะพริบตา
คำแนะนำ
ขั้นตอนที่ 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 "; ' ผม * 50); }
ขั้นตอนที่ 3
หากคุณมี Adobe Photoshop อยู่ในมือ คุณสามารถสร้างเอฟเฟกต์กะพริบได้ในเครื่องมือแก้ไขกราฟิก เมื่อต้องการทำสิ่งนี้ ให้สร้างไฟล์ใหม่รวมถึงเลเยอร์ใหม่ ซึ่งควรเท่ากับจำนวนเฟรม หลังจากนั้นบนแผงด้านขวา เลือกเลเยอร์แรกด้วย "ตา" และเปิดรายการ "แอนิเมชั่น" จากเมนู "หน้าต่าง" บนแผงที่ปรากฏขึ้น ให้คลิกปุ่มเฟรมที่ซ้ำกัน ย้าย "ตา" ไปยังเลเยอร์ถัดไป และอื่นๆ คลิกขวาที่แต่ละเฟรมและตั้งเวลา ดูตัวอย่างผลลัพธ์ แก้ไขหากจำเป็น และบันทึกในรูปแบบ
