Chuyên mục Lập trình web
Lập trình web
Bài 19: Tạo hiệu ứng Gallery filter với thư viện Isotope js
Trong bài học này, mình sẽ hướng dẫn các bạn tao hiệu ứng gallery filter với thư viện Isotope js. Bài trước chúng ta cũng đã làm qua hiệu ứng này nhưng bằng code jquery tự viết. Bài này mình sẽ dùng thư viện ngoài Isotope js nhé.
Video -…
Đọc thêm...
Đọc thêm...
Bài 18: Tạo hiệu ứng Gallary filter bằng jQuery
Trong bài học này, mình sẽ hướng dẫn tạo hiệu ứng Gallary filter bằng jQuery. Ngoài ra, mình sẽ giới thiệu 2 cách lấy thuộc tính trong thẻ html bằng jQuery.
Video - Tạo hiệu ứng Gallary filter bằng jQuery
Ý tưởng
+ Để thuộc tính type…
Đọc thêm...
Đọc thêm...
Bài 17: Tạo hiệu ứng load phần tử khi cuộn trang với thư viện wow.js
Trong bài này, mình sẽ hướng dẫn bạn tạo hiệu ứng load phần tử khi cuộn trang với thư viện wow.js. Kết thư viện wow.js và animate.css, chúng ta sẽ viết code js rất ít.
Video - Tạo hiệu ứng load phần tử khi cuộn trang với thư viện wow.js…
Đọc thêm...
Đọc thêm...
Bài 16: Tạo hiệu ứng bằng thư viện animate.css
Trong bài này, mình sẽ hướng dẫn bạn cách tạo hiệu ứng bằng thư viện animate.css. Chúng ta sẽ làm hiệu ứng cuộn đến phần nào của website thì nội dung sẽ hiện ra.
Video - Tạo hiệu ứng bằng thư viện animate.css
Ý tưởng
+ Bắt sự kiện cuộn…
Đọc thêm...
Đọc thêm...
Bài 15: Bắt sự kiện cuộn trang với jQuery
Trong bài này, mình sẽ hướng dẫn các bạn bắt sự kiện cuộn trang với jQuery. Chúng ta sẽ tạo hiệu ứng khi cuộn trang đến đâu, các thành phần của website sẽ biến đổi theo.
Video - Bắt sự kiện cuộn trang với jQuery…
Đọc thêm...
Đọc thêm...
Bài 14: Hiệu ứng load từng phần tử – thư viện TweenMax
Trong bài này, mình sẽ hướng dẫn các bạn tạo hiệu ứng load từng phần tử bằng cách sử dụng thư viện TweenMax. Ngoài ra, bạn có thể làm bằng css với thuộc tính animation-delay.
Video - Hiệu ứng load từng phần tử - thư viện TweenMax…
Đọc thêm...
Đọc thêm...
Bài 13: Hiệu ứng lightbox – thư viện FancyBox – phóng to hình ảnh
Trong bài này, mình sẽ hướng dẫn các bạn hiệu ứng lightbox - zoom phóng to hình ảnh bằng cách sử dụng thư viện ngoài là Fancybox - một thư viện của jQuery.
Video - Hiệu ứng lightbox - thư viện FancyBox
https://youtu.be/LZz62inhuc0
Ý…
Đọc thêm...
Đọc thêm...
Bài 12: Hiệu ứng slide – Xử lý nút phân trang
Trong bài này, chúng ta sẽ hoàn thành hiệu ứng slide - xử lý nút phân trang. Nút phân trang sẽ tương ứng với các slide. Khi slide chuyển thì nút cũng chuyển. Ngoài ra, khi click vào nút thì slide cũng chuyển.
Video - Hiệu ứng slide - Xử lý…
Đọc thêm...
Đọc thêm...
Bài 11: Hiệu ứng slide – Xử lý nút next và prev bằng jquery
Trong bài này, mình sẽ tiếp tục hoàn thiện hiệu ứng slide - xử lý nút next và prev.
Video - Hiệu ứng slide - Xử lý nút next và prev bằng jquery
https://youtu.be/LEgd255hlyQ
Ý tưởng
+ Bắt sự kiện click và addClass cho các slide. Các hiệu…
Đọc thêm...
Đọc thêm...
Bài 10: Hiệu ứng slide – phần html và css
Trong 3 bài kế tiếp này, mình sẽ hướng dẫn các bạn tạo hiệu ứng slide hay còn gọi là carousel. Bài này, chúng ta sẽ làm hiệu ứng slide - phần html và css.
Video - Hiệu ứng slide
https://youtu.be/79pUVOgweok
Hướng dẫn chi tiết
Về phần…
Đọc thêm...
Đọc thêm...