Home / Kiến Thức / banner chạy dọc 2 bên

Banner chạy dọc 2 bên

admin 25/04/2022

hướng dẫn chế tác banner quảng chạy dọc 2 bên website bởi JQUERY

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

+ cách 1: vào website sinh sản thư mục js

+ bước 2: Trong thư mục js sinh sản tập tin ví dụ tên BannerFloat.js tất 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 ");});

+ cách 3: chế tạo thư mục css vào website, trong folder này tạo thành tập tin ads.css tất cả nội dung như sau:

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

+ cách 4: Trong home trước phần dứt head chúng ta hã chèn vào những thẻ như sau

Sau thẻ toàn thân chèn đoạn thẻ như sau

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

+ bước 5: Hãy chuyển đổi đường dẫn tới những hình banner của doanh nghiệp và add liên kết của banner

Ghi chú:

+ chúng ta có thể tạo các ảnh động nhằm banner thêm tấp nập hay có thể dùng thẻ object nhằm chèn các banner Flash vào.

+ chúng ta cũng có thể chỉnh trên toạ độ của banner tại địa điểm 165px trong đoạn Jquery cho hợp với layout của trang web Bạn.

Xem thử nghiệm ở đây

Download tập tin js và css trên đây

Chat với deptraiphaitheclub.com

xây dựng Jquery xem (12865) Học kiến thiết web giá bán rẻ

Thành viên

Tên tầm nã cập: Mật khẩu:

Nhớ tin tức

Thống kê

đều 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 bắt đầu nhất: nguyendu
xuanntt
hongthien
sangct
namnt

Danh mục bài xích viết

Adobe Dreamweaver
5

Adobe Flash
4

Adobe Fireworks
16
Adobe Photoshop
0
Adobe XD
0
Adobe Animate
0
lập trình sẵn Javascript
9
xây dựng HTML
13
thiết kế HTML5
4
CSS
1
CSS3
30
WordPress
0
Joomla
0
xây dựng PHP
118
thiết kế Laravel
0
MySQL
14
NoSQL
0
SQL server
0
MongoDB
2
lập trình sẵn Jquery
18
Bootstrap
173
RWD
32
thiết kế AngularJS
0
lập trình sẵn Angular
3
lập trình C
0
lập trình C++
0
xây dựng C#
0

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

xây dựng Java
16
lập trình sẵn Python
0
xây dựng NodeJS
1
lập trình sẵn ASP.NET
0
lập trình sẵn Flask
0
lập trình sẵn Django
0
thiết kế Arduino
0
thiết kế Raspberry Pi
0
thiết kế ESP32
0
thiết kế ARM
0
thiết kế RTOS cùng với ARM
0
lập trình sẵn RTOS với Arduino
0
Lập trình game android
0
AWS IoT
0
Azure IoT
0
AWS
0
Azure
0
Network
20
Docker Container
4
Windows hệ thống
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 laptop
1
thiết kế web
18
SEO
3
Tin công nghệ
1