Trang chủ Lập trình Javascript - HTML Banner quảng cáo trượt thông minh

Banner quảng cáo trượt thông minh

Khi truy cập 1 số website bạn sẽ bắt gặp thấy một số banner quảng cáo trượt theo nội dung bài viết nhưng khi gặp “vật cản” là các banner cố định hoặc chân trang thì nó sẽ dừng lại. Đây là một kỹ thuật hay nó vừa giúp website có hiệu ứng đẹp vừa giúp cho chủ nhân tận dụng triệt để các khoảng không gian trống của trang web để chạy quảng cáo.

Kết hợp 1 đoạn mã Javascript và 1 tùy chỉnh trong CSS giúp tạo nên hiệu ứng trên. Vô tình tìm được nó mình xin chia sẻ với các bạn.

Các bạn có thể xem trang web mẫu thể hiện tại đây.

Các bạn tại mã nguồn tại:

Yandex: http://yadi.sk/d/33mg-oPIF3qJK

Box.net:  https://app.box.com/s/e954kmsrzlyzi12lsvnn

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Old Layout for Facebook – Extension trên Google Chrome hỗ trợ trở về giao diện Facebook cũ

Như vậy là Facebook đã chính thức... ép người dùng nâng cấp lên giao diện mới. Khác với những lần nâng cấp trước thì...

Netflix cho ra mắt chiến dịch mới trên 27 quốc gia – One Story Away

Trong những ngày qua, Netflix vừa triển khai chiến dịch toàn cầu của mình mang tên One Story Away. Được chạy trên 27 thị...

Nền tảng trực tuyến này cho phép bạn thiết lập trang web chỉ trong vài phút

Bất kỳ doanh nghiệp nào hiện nay cũng đều cần một trang web. Tuy nhiên, không phải ai cũng có đủ chuyên môn kỹ...

Chuyên gia bảo mật người Việt phát hiện lỗ hổng bảo mật trên hệ điều hành Windows

Vừa qua, anh Lê Hữu Quang Linh (linhlhq) - chuyên gia bảo mật của Trung tâm Giám sát an toàn không gian mạng quốc...

Hẹn hò theo “phong cách nhà giàu” với Tesla Dating

Mới đây, tờ Business Insider vừa tiết lộ rằng một ứng dụng hẹn hò mang tên Tesla Dating sắp được ra mắt bởi Ajitpal...

BẠN XEM CHƯA

Chia sẻ đoạn hay trong video dài trên Youtube

Khi xem phim, nghe nhạc hoặc thưởng thức nội dung trên kênh Youtube trên trình duyệt web của máy tính bạn sẽ rất dễ...

Cách kiểm tra link hỏng hàng loạt bằng Google Sheets

Mạng Bình Định đã từng chia sẻ với các bạn công cụ giúp bạn kiểm tra link hỏng hàng loạt được viết bằng ngôn...

Luyện phát âm tiếng Anh với… Google

Hôm nay mình vô tình khám phá ra một tính năng rất thú vị của Google đó là hỗ trợ người dùng luyện phát...

Tối ưu hóa máy tính bằng công nghệ đám mây với Cloud System Booster

Máy tính sau một thời gian sử dụng chắc hẳn sẽ trở nên ì ạch bởi những tập tin rác được tạo ra bởi...

So sánh chất lượng và hiệu suất 2 trang web dễ dàng tại DareBoost

Có nhiều dịch vụ giúp bạn kiểm tra chất lượng cũng như hiệu suất của trang web. Tuy nhiên để thực hiện việc so...