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

Facebook chi 400 triệu đô để mua lại Giphy

Giphy là một nền tảng trực tuyến hỗ trợ lưu trữ và tìm kiếm ảnh động (GIF) trực tuyến của Mỹ. Và mới đây...

reCAPTCHA rất hữu ích trong số hoá dữ liệu

Sách được xem là những kho tàng tri thức của nhân loại, tuy nhiên việc lưu trữ sách là cả một vấn đề to...

The Pirate Bay đã trở lại bằng tên miền ban đầu

Sau khi The Pirate Bay bị "chết" đội ngũ đã gửi tất cả lưu lượng truy cập đến "lỗ đen" (Local Black Hole 127.0.0.1.)và...

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

BẠN XEM CHƯA

Bảo vệ máy tính theo cách của RegRun Security Suite Platinum

Ngày nay có rất nhiều phần mềm giúp hệ thống của bạn tránh những hiểm họa từ các phần mềm độc hại. Mỗi ứng...

Sub Scaler – Công cụ hỗ trợ hiệu chỉnh phụ đề phim trực tuyến

Mã nguồn công cụ hỗ trợ hiệu chỉnh phụ đề phim trực tuyến mang tên Sub Scaler. Bạn có thể xem trang web mẫu tại: http://mangbinhdinh.vn/demo/subscaler/ Bạn có...

Ngưng máy in khi bấm in nhầm

Trong một số trường hợp, có thể bạn bấm lệnh nhầm lệnh in nguyên tập tin tài liệu dài vài chục trang trong khi...

Hướng dẫn tạo tài khoản ví bitcoin tại BlockChain

Bài viết này sẽ chỉ cho bạn cách khởi tạo một ví Bitcoin trực tuyến miễn phí chỉ trong vài giây. Đầu tiên bạn truy...

Kỳ thú hải đăng Hòn Nước – Phù Mỹ – Bình Định

Nếu muốn có một trải nghiệm thú vị, một cảm xúc thật khó quên, một chuyến đi mà khi kể lại sẽ khiến nhiều...