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

- Advertisement -
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

BÀI VIẾT MỚI

Google sắp khai tử ứng dụng Google Shopping trên iOS và Android

Google được cho là đã thêm Google Shopping vào danh sách các ứng dụng sắp khai tử của mình. Sau khi các thành viên...

Google Pixel 5A 5G vẫn sẽ ra mắt vào cuối năm nay

Thứ Sáu tuần trước, Google cho biết sẽ ra mắt điện thoại tầm trung Pixel 5A vào cuối năm nay, bác bỏ tin đồn...

Facebook chi 23 triệu đô la để bảo vệ Mark Zuckerberg

Facebook đã chi hơn 23 triệu USD để bảo vệ cho Mark Zuckerberg - CEO và là người sáng lập Facebook vào năm ngoái....

Cách tùy chỉnh công cụ tìm kiếm trong Firefox

Bạn có thể sử dụng bất kỳ công cụ tìm kiếm nào mà bạn thích trong trình duyệt web của mình. Và bạn cũng...

12 cách khắc phục con trỏ chuột không hiển thị trong Windows 10

Con trỏ chuột đã trở thành một phần không thể thiếu trong quá trình chúng ta tương tác với máy tính. Vì vậy, hãy...

BẠN XEM CHƯA

Khắc phục tình trạng vượt quá giới hạn số tập tin trên cPanel

Có bao giờ bạn sử dụng dịch vụ hosting với hệ quản trị cPanel và gặp tình trạng như hình bên dưới không? Đây là...

Bỏ qua yêu cầu đăng nhập sau khi cập nhật Windows 10

Một số bản cập nhật Windows yêu cầu khởi động lại máy tính để hoàn tất quá trình cài đặt. Mỗi lần như thế...

Tạo video quảng cáo đơn giản tại dịch vụ trực tuyến Biteable

Hôm rồi có viết một ứng dụng (app) và khi chia sẻ lên kho ứng dụng thì tại phần mô tả yêu cầu phải...

Không lo về hosting lưu trữ web cho Mạng Bình Định trong 3 năm tới

Đang làm thằng bạn bay vào PM khoe mới mua được cái VPS giá rẻ hỏi nếu có nhu cầu thì tranh thủ. Vào...

Bảo vệ động cơ xe của bạn luôn như mới với Cerma

Sản phẩm Cerma là một sản phẩm xử lý động cơ xe máy bằng công nghệ Nano Cermatic tiên tiến từ Mỹ. Cơ chế...