Please enable JavaScript.
Coggle requires JavaScript to display documents.
Bài 33:Viết hiệu ứng bằng Javascript (Kiến thức sử dụng (Kiến…
Bài 33:Viết hiệu ứng bằng Javascript
Kiến thức sử dụng
Kiến thức lập trình cơ bản
Kiến thức xử lý hiệu ứng
Truy xuất một phần tử
querySelector
tagName
Id
ClassName
Thao tác với class
document ready
How
Phương pháp hiệu quả nhất hiện nay là sử dụng kết hợp Javascript và CSS thông qua việc thao tác với class
Học qua từng bài tập
Bài tập 1:
Click vào một nút
cho khối nội dung đi sang phải
click lần nữa
Khối nội dung trở về như cũ
2 phương pháp làm
Sử dụng transition
dễ làm, chỉ thay đổi class và 1 dòng CSS là xong
Kèm theo transition:0.4s;
có tính năng 2 chiều
(tức click 2 lần đều có chuyển động)
Sử dụng Animation
Có thể tạo nhiều điểm thay đổi keyframe nhưng
không có tính năng 2 chiều
Tuy khó hơn nhưng tạo nhiều hiệu ứng tốt hơn