Học jQuery – Chắc đã có lần các bạn vào một website nào đó thấy có 2 banner quảng cáo chạy 2 bên website rồi đúng không? Hôm này giáo trình hay sẽ hướng dẫn các bạn tạo banner quảng cáo …
Học jQuery – Chắc đã có lần các bạn vào một website nào đó thấy có 2 banner quảng cáo chạy 2 bên website rồi đúng không? Hôm này Hiếu Đặng sẽ hướng dẫn các bạn tạo banner quảng cáo chạy dọc 2 bên website bằng javascript và HTML/CSS một cách đơn giản và cũng rất chuyên nghiệp.
Tất nhiên, các bạn sẽ tìm thấy rất nhiều code trên mạng nhưng code này mình đã tối ưu chút đỉnh nên nó sẽ phù hợp với các độ phân giải màn hình. Tiện đây chia sẻ luôn đến các bạn hay làm web nhé, code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768×1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu mà nó sẽ tự mất đi, chỉ những ai sử dụng màn hình dài mới thấy được quảng cáo.
Để sử dụng code này các bạn copy về đặt ở cuối website thông thường là file footer. Nhưng lưu ý là nhớ đặt trước thẻ đóng </body> nhé. (Các bạn cũng có thế page code này vào thẻ <head> nhưng mình khuyên các bạn để cuối trang để tối ưu cho việc seo website)
Dưới đây là code quảng cáo chạy 2 bên website.
Các bạn nhớ thay đổi các thông số phù hợp và đường dẫn link ảnh cho đúng trước khi chạy. Chúc các bạn thành công !
THAM KHẢO THÊM CÁC SẢN PHẨM HOT NHẤT HIỆN NAY Giày Cafe SHOEX Hạ Khang Đường - Ổn định đường huyết Saffron Extra White Cốc Nguyệt San BEUCUP Maxi White Fysoline - Nước muối sinh lý dành cho bé sơ sinh và trẻ nhỏ Mặt nạ thon mặt Vline Finava - Tinh chất vàng sáng da, trị nám ngăn ngừa lão hoá Trị Mụn Caryophy Rong Nho Sabudo Son YUMEISAKURA Máy Khử Mùi MARKEL Orlavi - Làm mờ sẹo Dottorprimo - Trị các vết sẹo nặng ZEN - Sản phẩm giúp hỗ trợ giảm căng thẳng Nồi Chiên Không Dầu COSORI Nồi Chiên Không Dầu LOTTE Dưỡng Trắng RealWhite Máy rửa mặt Pebble Lisa Dầu Gội Nature Quen - Sao Thái Dương