Cửa sổ bật lên jQuery, thông tin chung để tạo

Cửa sổ bật lên là một cách để thu hút người dùng đến trang web. Dĩ nhiên, điều này không đảm bảo 100% sự tham gia ngày càng tăng, nhưng họ vẫn thu hút sự chú ý của thông tin trong một thời gian.

Tạo một pop-up jquery cửa sổ - công việc không phải là dễ dàng, nhưng nếu muốn, nó là hoàn toàn khả thi. Tuy nhiên, trước khi bạn bắt đầu tạo ra một tác phẩm như vậy, bạn phải hình dung nó là gì và nó trông như thế nào.

Trang trang được tạo bằng ngôn ngữ HTML. Trên đó, theo thứ tự mà chủ sở hữu tài nguyên thích, các nút được đặt. Họ có thể là một vài mẩu (từ một đến ...), theo quyết định của người sáng tạo. Bằng cách nhấp vào nút như vậy, khách truy cập sẽ thấy một cửa sổ popup của jquery. Nội dung có thể hoàn toàn khác nhau, ví dụ như hình ảnh hấp dẫn hoặc hình thức đăng ký, quảng cáo, truyền thông mới, bất cứ thứ gì. Fantasy trong vấn đề này không giới hạn ở bất kỳ giới hạn nào. Các cửa sổ bật lên thường chồng chéo lên trang của trang web với nền tối trong suốt và trên mỗi trang có một biểu tượng, thường được hiểu bởi người dùng ở mức độ trực giác. Các khả năng của chức năng này là không giới hạn.

Thoạt nhìn, rất khó để tạo ra một điều như vậy, nhưng đây là một ấn tượng sai lầm. Nếu có một mong muốn và có nhu cầu, tại sao không đi sâu vào chi tiết hơn? Ngay cả khi vẫn còn chưa rõ ràng, luôn có cơ hội để nghiên cứu quy trình bằng cách liên hệ với các chuyên gia. Ví dụ: tạo và đặt các nút sẽ gọi cửa sổ đăng ký, hình ảnh hoặc ảnh và tab. Sử dụng một cửa sổ pop-up javascript, hoặc đúng hơn là một nút, tạo ra một liên kết và thiết lập một lớp chung cho tất cả chúng. Các liên kết được đặt bên trong thẻ div.

Thuộc tính rel được thêm vào chính xác tương ứng với tên lớp của cửa sổ và làm cho nó có thể mở một cái mong muốn, chỉ bằng cách nhấp vào liên kết. Tất cả mọi thứ, cửa sổ bật lên jquery chúng tôi tạo ra. Bây giờ nó vẫn còn để làm cho nó gọn gàng và hấp dẫn. Điều này đòi hỏi việc sử dụng các phong cách.

Làm việc theo phong cách phức tạp không gây ra: mọi thứ đều đơn giản và dễ hiểu. Bạn chỉ cần biết ngôn ngữ HTML một chút. Nhưng ngay cả khi người dùng không hiểu nó, thông tin cần thiết có thể dễ dàng tìm thấy trên Internet. Để các nút jquery, các cửa sổ bật lên trông giống nhau trong tất cả các trình duyệt đã biết đến nay, đẹp và chính xác: a) các đơn vị liên kết trung tâm; B) tròn góc; C) kết nối PIE cho IE 7-8.

Nói chung, đánh dấu HTML sẽ giống nhau cho tất cả cửa sổ bật lên. Do đó, khi sử dụng các thẻ, không bị treo lên: nếu bạn không biết, đủ để nhớ một vài điều cơ bản. Sự khác biệt chỉ là trong thiết kế của các kích thước, đó là, một cửa sổ pop-up jquery sẽ khác nhau về chiều rộng. Cũng vậy với nội dung.

Để đặt mẫu đăng ký vào thẻ trên, bạn cần viết ra những điều sau:

Đóng

Đăng ký trên trang web

Nhập thông tin đăng nhập: Nhập mật khẩu:

Trong mục reg_form này trùng với thuộc tính của nút rel đầu tiên, và lớp kép của khối wrapper được đặt thành popup reg_form (một khoảng trắng được yêu cầu). Chữ viết như vậy cho phép bạn tạo cả một phong cách chung cho tất cả các cửa sổ bật lên, và chỉ định các thông số cụ thể cho từng cá nhân.

Tiếp theo, chúng ta bắt đầu đặt nút chịu trách nhiệm về hình ảnh. Ở đây cũng vậy: lớp kép được chỉ ra và đường dẫn đến thư mục chứa những hình ảnh này được chỉ định. Vâng, tiếp tục trong cùng một tinh thần.

Sau khi tạo ra nó sẽ chỉ là cần thiết để sửa lại sự xuất hiện tổng thể của trang của trang web, quy định các quy tắc cho các cửa sổ. Đó là, tất cả chúng sẽ được trang trí giống nhau, được chỉnh sửa theo chiều ngang, và mỗi nút sẽ có một nút để đóng cửa sổ chính nó và tiêu đề của nó. Ngoài ra, khi bạn tải xuống trang tài nguyên, chúng sẽ bị ẩn.

Nếu không có mong muốn làm điều đó cho mình, luôn có khả năng tải xuống một tập lệnh cho phép bạn tạo một cửa sổ bật lên tự động, chỉ hơi điều chỉnh các hành động của chương trình.