Bài tập javascript 11 – Viết hiệu ứng chuyển slide

Bài tập javascript 11 – Viết hiệu ứng chuyển slide

Ở bài tập javascript 11 này, mình sẽ xử lý một hiệu ứng mới đó là hiệu ứng chuyển slide. Nhìn chung thì nó cũng đơn giản thôi :D. Mọi thứ sẽ trở nên đơn giản khi ta có được nó, có những thứ khi có được có thể mất đi. Nhưng bài tập javascript này,…

Bài tập javascript 10 – Xử lý hiệu ứng cuộn chuột của trang kênh14 phần 2

Bài tập javascript 10 – Xử lý hiệu ứng cuộn chuột của trang kênh14 phần 2

Ở bài tập javascript 10 này, mình sẽ tiếp tục xử lý hiệu ứng cuộn chuột. Ở bài trước mình có bỏ sót một chi tiết nhỏ, mình sẽ xử lý nốt trong bài viết này. Và chúng ta sẽ làm thêm hiệu ứng animation khi cuộn chuột, mình xin được bắt đầu luôn :D. Kiến…

Bài tập javascript 9 – Xử lý hiệu ứng cuộn chuột của trang kênh14

Bài tập javascript 9 – Xử lý hiệu ứng cuộn chuột của trang kênh14

Ở bài tập javascript 9 này, mình và các bạn sẽ tiếp tục xử lý hiệu ứng cuộn chuột. Chúng ta sẽ làm hiệu ứng khi cuộn chuột của trang kênh14.vn. Kênh 14.vn có được xem là trang lớn không nhỉ :D, mới học có mấy bài mà chúng ta đã xử lý được hiệu ứng…

Bài tập javascript 8 – Bắt sự kiện cuộn chuột và xử lý hiệu ứng

Bài tập javascript 8 – Bắt sự kiện cuộn chuột và xử lý hiệu ứng

Ở bài tập javascript 8 này, mình và các bạn sẽ xử lý hiệu ứng khi cuộn chuột, ngoài click chuột thì sự kiện scroll cũng được dùng để xử lý nhiều vãi ra :D. Kiểu như là khi chúng ta lăn chuột thì một cái gì đó bay ra chẳng hạn. Mình xin được bắt…

Bài tập javascript 7 – Viết hiệu ứng cho menu side bar phần 3

Bài tập javascript 7 – Viết hiệu ứng cho menu side bar phần 3

Ở bài tập javascript 7 này, chúng ta sẽ làm tiếp các hiệu ứng chuyển động cho menu side bar. Mình sẽ sử dụng các thuộc tính CSS 3D transform  trong css để thực hiện bài tập này. Đã 3D thì sẽ ảo lòi rồi đúng không :D. Nhưng code trrong file js thì cũng khá đơn…

Bài tập javascript 6 – Viết hiệu ứng cho menu side bar phần 2

Bài tập javascript 6 – Viết hiệu ứng cho menu side bar phần 2

Ở bài tập javascript 6 này, chúng ta sẽ làm tiếp các hiệu ứng chuyển động cho menu side bar. Mình sẽ sử dụng thuộc tính transform:scale() trong css để làm bài tập này. Đây là một thuốc tính khá ảo diệu, mình xin được bắt đầu :D. Kiến thức cần có: Biến Mảng Hàm Event HTML…

Bài tập javascript 5 – Viết hiệu ứng cho menu side bar phần 1

Bài tập javascript 5 – Viết hiệu ứng cho menu side bar phần 1

Ở bài tập javascript 5 này, chúng ta sẽ làm các hiệu ứng chuyển động cho menu side bar. Nhìn chung thì chúng cũng khá đơn giản thôi chỉ truy xuất phần tử và thêm bớt class thôi mà, okê mình tiến hành luôn 😀 Kiến thức cần có: Biến Mảng Hàm Event HTML DOM Bài…

Bài tập javascript 4 – Viết hiệu ứng tương tác như facebook phần 2

Bài tập javascript 4 – Viết hiệu ứng tương tác như facebook phần 2

Ở bài tập javascript 4 này, chúng ta sẽ tiếp tục tạo hiệu ứng tương tác như facebook bằng javascript phần 2. Bài tập này tương đối khó. Tất nhiên khi xem lần đầu các bạn sẽ hơi thấy khó hiểu nhưng mình đã có cách giải quyết đó là  bạn cứ đọc tiếp những bài…

Bài tập Javascript 3 – Viết hiệu ứng tương tác như facebook

Bài tập Javascript 3 – Viết hiệu ứng tương tác như facebook

Ở bài tập javascript 3 này, chúng ta sẽ học cách tạo hiệu ứng tương tác như facebook bằng javascript. Nghe nguy hiểm vậy thôi chứ thực ra chúng ta sẽ đi từ cái dễ trước, cái khó để đó dành cho bài sau :D. Ok mình sẽ bắt đầu luôn.   Kiến thức cần có:…

Bài tập javascript 2 – tạo chuyển động hai chiều với animation

Bài tập javascript 2 – tạo chuyển động hai chiều với animation

Ở bài tập javascript 2 này, chúng ta sẽ học cách tạo chuyển động hai chiều bằng animation. Trong bài tập javascript đầu tiên thì mình đã giới thiệu cách tạo chuyển động bằng transition và animation. Với transition, chúng ta có thể tạo chuyển động 2 chiều một cách dễ dàng. Nhưng animation thì ta…