iziModal.js - Plugin jQuery Window Modal Dynamic Modal

Hầu hết các cửa sổ phương thức dường như đánh lạc hướng và làm phiền khách với trường chọn tham gia và giao dịch không mong muốn. Các phương thức này thường chiếm toàn bộ trang, trông rất tệ và không cung cấp một cách rõ ràng để đóng cửa sổ. Rất may, iziModal.js hoàn toàn ngược lại.

Đây là một trong những plugin cửa sổ phương thức đẹp nhất mà tôi từng thấy và nó khiến tôi phấn khích khi tương tác với các phương thức một lần nữa.

iziModal.js là một Plugin jQuery vì vậy bạn cần một bản sao của thư viện jQuery để làm việc này Nhưng no la khá nhẹ và bạn thậm chí có thể bao gồm thư viện bên ngoài từ CDNJS.

Lưu ý plugin này đi kèm rất nhiều của các lựa chọn khác nhau. Bạn có thể chuyển qua các tùy chọn để phong cách kích thước phương thức, loại khung và hình ảnh động. Nhưng bạn cũng có thể tạo chức năng gọi lại nếu người dùng đóng một phương thức hoặc nhấp vào một yếu tố cụ thể.

Bạn có thể tìm nhiều ví dụ trên CodePen nhưng tôi thực sự thích bản demo được lưu trữ trên trang chủ của iziModal. Cụ thể, hãy kiểm tra tùy chọn nhúng iframe nó có ở đâu trình phát Vimeo tự động phát xếp hàng trong phương thức.

Thiết kế tuyệt vời và phương thức thực sự cảm thấy như nó một phần của giao diện. Chất lượng hoạt hình cũng rất ấn tượng và tất cả đều được hỗ trợ CSS3 & jQuery.

Trên trang plugin chính, bạn cũng sẽ tìm thấy bảng tài liệu với đoạn mã cho mỗi bản demo có sẵn. Đây là đoạn mã ngắn nhất để sử dụng cho cửa sổ bật lên phương thức.

 $ (tài liệu) .on ('click', '.trigger', function (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

Các iziModal () chức năng có hơn 45 lựa chọn khác nhau có thể được truyền vào tùy chỉnh cửa sổ phương thức. Nó cũng có sự kiện tùy chỉnh Việc đó có thể chức năng kích hoạt như khi một phương thức mở, đóng hoặc đi toàn màn hình.

Đây là một dự án lớn không thể tin được và nó dễ dàng là một trong những plugin cửa sổ phương thức yêu thích của tôi từ một quan điểm thiết kế và khả năng sử dụng.

Để lấy một bản sao của nguồn, bạn có thể kéo nó qua npm hoặc là tải xuống từ GitHub. Và nếu bạn có đề xuất về plugin hoặc chỉ muốn chia sẻ lời cảm ơn của mình, bạn có thể tweet người tạo Marcelo Dolce @marcelodolce.