Cách Làm Cho Một Nút Nhấp Nháy

Mục lục:

Cách Làm Cho Một Nút Nhấp Nháy
Cách Làm Cho Một Nút Nhấp Nháy

Video: Cách Làm Cho Một Nút Nhấp Nháy

Video: Cách Làm Cho Một Nút Nhấp Nháy
Video: Hướng Dẫn Bật Đèn Flash Nhấp Nháy Khi Có Cuộc Gọi Đến Cho iPhone 2024, Tháng mười một
Anonim

Nút nhấp nháy là một yếu tố thiết kế web giúp làm cho trang sáng và hấp dẫn. Tuy nhiên, khi sử dụng hiệu ứng này, bạn cần nghĩ đến sự tiện lợi của người dùng: không nên lạm dụng những “con chip” gợn sóng.

Cách làm cho một nút nhấp nháy
Cách làm cho một nút nhấp nháy

Hướng dẫn

Bước 1

Nếu nút bắt buộc, được biểu thị dưới dạng hình ảnh liên kết và thay đổi màu sau khi di con trỏ, hãy tạo nút bằng cách sử dụng bảng và các thuộc tính onMouseOver và onMouseOut.

Cái nút

Bước 2

Bạn có thể tạo một nút nhấp nháy bằng JavaScript. Để làm cho hiệu ứng có hiệu lực khi di chuột và mờ dần sau khi con trỏ bị xóa, hãy sử dụng mã sau: Tab tiêu đề arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; 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); }

Bước 3

Nếu bạn có Adobe Photoshop trong tay, bạn có thể tạo hiệu ứng nhấp nháy ngay trong trình chỉnh sửa đồ họa. Để thực hiện việc này, hãy tạo một tệp mới, cũng như các lớp mới, số lượng của chúng phải bằng tổng số khung. Sau đó, trên bảng bên phải, chọn lớp đầu tiên có "mắt" và mở mục "Hoạt ảnh" từ menu "Cửa sổ". Trên bảng điều khiển xuất hiện, nhấp vào nút khung sao chép, di chuyển "mắt" sang lớp tiếp theo, v.v. Nhấp chuột phải vào từng khung và đặt thời gian. Xem trước kết quả, sửa đổi nếu cần và lưu ở định dạng

Đề xuất: