Overhang.js - Plugin jQuery cho các thông báo thông báo thả xuống
Thật là khó chịu hộp cảnh báo JS mặc định? Họ cảm thấy như một di tích từ thời kỳ nguyên thủy đã qua của sự phát triển web.
Ngày nay, chúng ta có thể làm tin nhắn thông báo không phô trương có chung thông tin nhưng không làm gián đoạn trải nghiệm người dùng. Và đó chính xác là những gì bạn có thể làm với overhang.js.
Plugin jQuery miễn phí này có thể thêm thanh thông báo tùy chỉnh thả xuống từ trên cùng của màn hình. Họ định vị qua CSS và hoạt hình với JavaScript, để họ có thể thả xuống từ một điểm cố định ở trên cùng bất kể chiều dài trang.
Bạn có thể xây dựng thông điệp tự động đóng sau một thời gian nhất định, hoặc những người khác mà yêu cầu người dùng nhập liệu.
Tin nhắn có thể chuyển tiếp thành công, thất bại, lỗi hoặc thông báo đơn giản với thông tin về người dùng hoặc trang. Tin nhắn cũng có thể có nút có / không riêng để hỏi người dùng những câu hỏi như cảnh báo nhắc JavaScript.
Thậm chí còn có một tùy chọn để tạo lời nhắc thả xuống với một trường đầu vào. Điều này sẽ là hoàn hảo cho một hình thức chọn tham gia email.
Overhang.js hỗ trợ tất cả các trình duyệt chính được jQuery hỗ trợ và nó cũng được cung cấp bởi giao diện người dùng jQuery cho các tính năng hoạt hình.
Cùng với các thư viện UI của jQuery & jQuery, bạn cũng cần phải bao gồm một tệp CSS tùy chỉnh với các plugin. Bạn luôn luôn có thể mà hợp nhất điều này với bản định kiểu của trang web của bạn để giảm yêu cầu HTTP.
Mỗi cuộc gọi được thực hiện cho nhô ra () phương pháp có thể lấy bất kỳ số lượng tham số. đó là gọi là “tùy chọn” và họ cung cấp cho bạn toàn quyền kiểm soát từng hộp thông báo.
Bạn có thể thay đổi tốc độ hoạt hình, thời lượng, nới lỏng, và kích thước hộp / màu, cùng với các tính năng thiết kế khác.
Đây là một đoạn trích mẫu thể hiện như thế nào tạo một hộp xác nhận:
// Một số xác nhận $ ("body"). Overhang (type: "xác nhận", yesMessage: "Vâng làm ơn!", NoMessage: "Không, cảm ơn."); Bạn có thể thấy đây là khá đơn giản và nó không yêu cầu nhiều mã jQuery.
Đến tải về một bản sao của plugin, bạn có thể truy cập repo trên GitHub nơi bạn cũng có thể duyệt qua các tệp nguồn trực tiếp. Hoặc, nếu bạn muốn xem thêm ví dụ trực tiếp truy cập vào trang web Overhang.js.
