Tạo Slideshow chuyên nghiệp với HTML, CSS và Javascript

Tạo Slideshow chuyên nghiệp với HTML, CSS và Javascript

Bài viết này Lập Trình Không Khó (LTKK) sẽ hướng dẫn các bạn cách triển khai code để tạo slideshow bằng Javascript. Tất nhiên chúng ta sẽ code chay từ đầu đến cuối để các bạn có thể hiểu được ý tưởng để code slideshow ảnh theo ý muốn. Việc tạo slide ảnh bằng Javascript…

Học Javascript – Jquery – Vue js qua từng bài tập phần 1

Học Javascript – Jquery – Vue js qua từng bài tập phần 1

Đúng như tiêu đề của bài viết ” học Javascript – Jquery – Vue js qua từng bài tập ” thì mình sẽ xây dựng các bài tập từ căn bản đến thực tế. Mục đích của loạt bài hướng dẫn này là mình muốn tạo nên một loạt bài viết chất lượng. Trong một…

Bài tập javascript 20 – Làm banner đếm ngược thời gian

Bài tập javascript 20 – Làm banner đếm ngược thời gian

Thu qua là đông, đông đi rồi xuân đến. Thế là sắp đến tết rồi :)) vậy nên trong bài tập này mình sẽ hướng dẫn các bạn làm banner đếm ngược thời gian đến tết :D. Để làm được bài tập này chúng ta cần sử dụng một số phương thức liên quan đến…

Bài tập javascript 19 – Hiệu ứng Modal image

Bài tập javascript 19 – Hiệu ứng Modal image

Ở bài tập javascript 19 này chúng ta sẽ viết hiệu ứng Modal image. Hiệu ứng này được sử dụng khi người dùng click vào hình ảnh để xem hình ảnh rõ nét hơn. Nhìn chung thì nó cũng khá dễ thôi, chỉ cần đặt css hợp lý là được rồi. Javascript thì cũng chỉ truy xuất…

Bài tập javascript – Viết hiệu ứng Loading

Bài tập javascript – Viết hiệu ứng Loading

Ở bài tập javascript 16 này, mình sẽ hướng dẫn các bạn viết hiệu ứng loadding, hiệu ứng này thường được gán với sự kiện onload. Tức là khi chúng ta truy cập vào một trang web thì nó phải load đúng không, lúc này sẽ xuất hiện hiệu ứng loading. Tuy nhiên mặc định thì…

Bài tập javascript 15 – Viết hiệu ứng chuyển slide nâng cao phần 2

Bài tập javascript 15 – Viết hiệu ứng chuyển slide nâng cao phần 2

Ở bài tập javascript 15 này, chúng ta sẽ tiếp tục với hiệu ứng chuyển slide ở bài trước thì bằng 2 nút mình đã chuyển qua lại tất cả các slide. Trong bài tập này mình sẽ thêm chuyển động animation vào lúc slide đang được chuyển. Okê mình xin được bắt đầu bài viết….

Bài tập javascript 14 – Viết hiệu ứng chuyển slide nâng cao phần 1

Bài tập javascript 14 – Viết hiệu ứng chuyển slide nâng cao phần 1

Ở bài tập javascript 14 này, chúng ta sẽ tiếp tục với hiệu ứng chuyển slide nhưng mà nâng cao hơn một tí. Với những bài trước thì ứng với mỗi slide sẽ có một nút. Trong bài tập này chỉ với hai nút next và back chúng ta sẽ chuyển hết các slide. Okê mình…

Bài tập javascript 13 – Viết hiệu ứng tự động chuyển slide

Bài tập javascript 13 – Viết hiệu ứng tự động chuyển slide

Ở bài tập javascript 13 này, mình sẽ hướng dẫn các bạn viết hiệu ứng tự động chuyển slide. Nhìn chung thì nó cũng đơn giản thôi :D. Chúng ta chỉ cần viết thêm một hàm tự động chuyển slide nữa là được thôi mà. Mình xin được bắt đầu bài viết. Kiến thức cần có:…

Viết hiệu ứng chuyển slide bằng javascript

Viết hiệu ứng chuyển slide bằng javascript

Trong bài viết này, mình sẽ hướng dẫn các bạn viết hiệu ứng chuyển slide bằng javascript. Nhìn chung thì nó khá đơn giản thôi, không có gì khó khăn cả. Okê mình xin được bắt đầu bài viết. Kiến thức cần có: Biến Câu lệnh if – else Vòng lặp for Mảng Hàm Event…

Bài tập javascript 12 – Viết hiệu ứng chuyển slide kết hợp chuyển động animation

Bài tập javascript 12 – Viết hiệu ứng chuyển slide kết hợp chuyển động animation

Ở bài tập javascript 12 này, mình sẽ tạo thêm chuyển động animation khi chuyển slide. Ở bài trước thì mình đã viết hiệu ứng chuyển slide rồi, bây giờ chúng ta chỉ cần xử lý thêm phần html và css nữa là ổn. Hiệu ứng này khá đẹp đấy 😀 mình xin được bắt đầu…