[Share]Chia sẻ code tạo Popup cực đẹp mùa giáng sinh

Vài hôm nữa là giáng sinh đến rồi, Hôm nay sharecodeweb.net sẽ viết một bài hướng dẫn các bạn tạo Popup để trang trí cho website mùa giáng sinh thêm sôi động.

Cũng nhân tiện là hôm nay dạo qua facebook, nhận được một câu hỏi của bạn Dũng Nguyễn trên fanpage với nội dung như sau:

OK, chúng ta lấy luôn trang bạn đưa làm demo nhé.

Chuẩn bị

Để làm được code popup giống như yêu cầu của bạn Dũng Nguyễn, chúng ta cần chuẩn bị những thứ sau:

Nhúng jquery

Tiếp theo chúng ta nhúng Jquery vừa download về vào trong thẻ head của website

Thiết kế HTML

Các bạn tham khảo đoạn code sau cho khung HTML của mình nhé.

Sử dụng Jquery để gọi Popup

Chúng ta viết một đoạn mã dưới đây để gọi Jquery ra

Style cho Popup

Chúng ta sử dụng đoạn css sau để style cho Popup nhé

Tổng kết

Vậy là xong rồi nhé, bạn đã có một Popup trang hoàng cho website của bạn thêm lung linh, lộng lẫy mùa giáng sinh rất đơn giản này rồi.
Chúc các bạn có một website đẹp!
[postbytag bytag=”popup”] Tạo Popup cho website[/postbytag]