Blog / Website

Cập nhật các công nghệ mới liên quan đến lập trình web.

Website 25/08/2020

Tạo hiệu ứng Click Chuột siêu mượt với mo.js

Bài viết này hướng dẫn tạo các hiệu ứng đơn giản khi bấm (click) vào bất kỳ vị trí nào trên trang web. Còn rất nhiều hiệu ứng và cách sử dụng khác bạn có thể tự mình khám phá để áp dụng cho website của mình.

Hiệu ứng click chuột

Đầu tiên, để sử dụng mo.js, bạn cần chèn thư viện sau.

<script src="https://cdn.jsdelivr.net/mojs/latest/mo.min.js"></script>

Đối với tất cả các hiệu ứng, bạn chỉ cần chép đoạn mã Babel dán vào thẻ <script type="text/javascript"></script> cuối trang web của mình là được.

Hiệu ứng 1

See the Pen
burst-tutorial-codesample-26
by LegoMushroom (@sol0mka)
on CodePen.


Hiệu ứng 2

See the Pen
burst-tutorial-animation-34
by LegoMushroom (@sol0mka)
on CodePen.


Hiệu ứng 3

See the Pen
Twitter Fav
by LegoMushroom (@sol0mka)
on CodePen.


Hiệu ứng 4

See the Pen
Twitter Fav (stars)
by LegoMushroom (@sol0mka)
on CodePen.


Hiệu ứng 5

See the Pen
Twitter Fav Firework
by LegoMushroom (@sol0mka)
on CodePen.


Hiệu ứng 6

See the Pen
Simple Ripple
by LegoMushroom (@sol0mka)
on CodePen.

Tham khảo dịch vụ thiết kế website của chúng tôi.

Small Logo

Thiết Kế Website

Website thu hút thêm nhiều khách hàng với chi phí thấp, giúp đẩy mạnh hoạt động bán hàng mọi lúc mọi nơi, triển khai các chiến lược marketing hiệu quả và đặc biệt là nâng tầm uy tín, giá trị thương hiệu và giảm chi phí kinh doanh.

Giao diện hiện đại
Hoạt động ổn định
Tối ưu hóa công cụ tìm kiếm
Tối ưu trải nghiệm người dùng
Dịch vụ Thiết Kế Website

Chúc các bạn thành công!