Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Ajax-Jquery-Javascript > [Share]Chia sẻ code tạo Popup cực đẹp mùa giáng sinh
[Share]Chia sẻ code tạo Popup cực đẹp mùa giáng sinh
Nguyễn Trung Hiếu
Share Code Web Company 2014

[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:

Post by Dũng Nguyễn.

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!

Loạt bài viết về Tạo Popup cho website

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

http://sharecodeweb.net/?s={search_term_string}