Banner chạy dọc 2 bên

     
Hướng dẫn tạo banner quảng chạy dọc 2 bên website bằng JQUERY

Bạn làm theo các bước sau đây:

+ Bước 1: Trong website tạo thư mục js

+ Bước 2: Trong thư mục js tạo tập tin ví dụ tên BannerFloat.js có nội dung như sau:

$(document).ready(function(){var bFLeft = $("#divBannerFloatLeft");var bFRight = $("#divBannerFloatRight");var left_Positiion = 0;var right_Positiion = 0;var window_Width = $(window).width();var document_Width = 1020;if (window_Width ");}});

+ Bước 3: Tạo thư mục css trong website, trong thư mục này tạo tập tin ads.css có nội dung như sau:

#divAdLeft{width: 120px; line-height:30px; position: fixed;overflow:hidden; left:0px !important;} #divAdRight{width: 120px; line-height:30px; position: fixed;overflow:hidden;right:0px !important;} #divAdLeft img,#divAdRight img{ width:120px}

+ Bước 4: Trong trang chủ trước phần kết thúc head bạn hã chèn vào các thẻ như sau

Sau thẻ body chèn đoạn thẻ như sau


Bạn đang xem: Banner chạy dọc 2 bên

*


*


+ Bước 5: Hãy thay đổi đường dẫn tới các hình banner của bạn và địa chỉ liên kết của banner

Ghi chú:

+ Bạn có thể tạo các ảnh động để banner thêm sinh động hay có thể dùng thẻ object để chèn các banner Flash vào.

+ Bạn có thể chỉnh tại toạ độ của banner tại vị trí 165px trong đoạn Jquery cho hợp với layout của website Bạn.

Xem demo ở đây

Download tập tin js và css tại đây

Chat với deptraiphaitheclub.com

Lập trình Jquery Xem (12865) Học thiết kế web giá rẻ


Thành viên


Tên truy cập: Mật khẩu:

Nhớ thông tin


Thống kê


Những học viên tích cực: thongmh, hongthien, mrbin, phuonghong, nguyendu, longnh, chinhnd, thanhmt, xuanntt, trihm Thành viên mới nhất: nguyendu Chúc mừng 5 thành viên VIP mới nhất: nguyendu
xuanntt
hongthien
sangct
namnt

Danh mục bài viết


*

Adobe Dreamweaver
5
*

Adobe Flash
4
*

Adobe Fireworks
16
Adobe Photoshop
0
Adobe XD
0
Adobe Animate
0
Lập trình Javascript
9
Lập trình HTML
13
Lập trình HTML5
4
CSS
1
CSS3
30
WordPress
0
Joomla
0
Lập trình PHP
118
Lập trình Laravel
0
MySQL
14
NoSQL
0
SQL Server
0
MongoDB
2
Lập trình Jquery
18
Bootstrap
173
RWD
32
Lập trình AngularJS
0
Lập trình Angular
3
Lập trình C
0
Lập trình C++
0
Lập trình C#
0

Xem thêm: Xem Phim Bộ Thái Lan Hay Trên Netflix Để “Chill” Vào Cuối Tuần

Lập trình Java
16
Lập trình Python
0
Lập trình NodeJS
1
Lập trình ASP.NET
0
Lập trình Flask
0
Lập trình Django
0
Lập trình Arduino
0
Lập trình Raspberry Pi
0
Lập trình ESP32
0
Lập trình ARM
0
Lập trình RTOS với ARM
0
Lập trình RTOS với Arduino
0
Lập trình Android
0
AWS IoT
0
Azure IoT
0
AWS
0
Azure
0
Network
20
Docker Container
4
Windows Server
0
Redhat Linux
0
Centos Linux
0
Ubuntu Linux
1
Firewall
25
EC-Council CND
0
EC-Council CEH
0
EC-Council CHFI
0
Cisco CCNA
0
Cisco CCNP
0
VMWare Virtualization
0
Thủ thuật máy tính
1
Thiết kế web
18
SEO
3
Tin công nghệ
1

Liên kết với deptraiphaitheclub.com


Học Web Giá Rẻ
gmail.com