Kết nối với chúng tôi

Hướng dẫn tạo hiệu ứng tuyết rơi cho WordPress hoặc website

Hướng dẫn tạo hiệu ứng tuyết rơi cho WordPress hoặc website

Sắp đến mùa Noel, chắc các website developer đều muốn thay đổi diện mạo cho website của mình thêm chút đặc sắc mùa giáng sinh phải không nào?

Trong bài viết này mình sẻ hướng dẫn các bạn cách đề thêm hiệu ứng tuyết rơi vào website 1 cách dể dàng.

hieu-ung-tuyet-roi-cho-website-snowfall-seamless-loop

Snowstorm là một hiệu ứng tuyết rơi – JavaScript-driven mà bạn có thể thêm vào website của bạn một cách dể dàng. Nó hoàn toàn miển phí, và dể dàng cài đặt. Bạn chỉ cần duy nhất 1 file JavaScript là có thể làm được. Bạn không cần Image nào trong hiệu ứng này.

Đối với WordPress:

Demo: https://kenh76.vn

Tải plugin tại đây: http://wordpress.org/plugins/wp-snowfall/

Cài đặt rất dễ dàng, chỉ cần các bạn upload plugin lên host và active nó lên là xong rồi 🙂

Đối với các Website khác:

Download file snowstorm.js: http://www.mediafire.com/hieu-ung-tuyet-roi-snowstorm.zip

Hiệu ứng 2:

<script type=”text/javascript” src=”snowstorm.js”></script>

Hiệu ứng 2:
<!– phần bắt buộc –>

<script type=”text/javascript” src=”snowstorm.js”></script>

<!– Đây là phần tùy chỉnh hiệu ứng –>

<script type=”text/javascript”>

snowStorm.snowColor = ‘#99ccff’; // màu của tuyết – ở đây là màu xanh xám

snowStorm.flakesMaxActive = 96; // số lượng tuyết rơi cùng 1 lúc

snowStorm.useTwinkleEffect = true; // cho tuyết nhấp nháy

</script>

Hiệu ứng nữa:

http://upanh.in/jGQ.jpg

https://www.mediafire.com/?98xf4xxcdlz3g37
Rate this post

Các bình luận

Đọc tiếp...
Bài viết liên quan...
1 bình luận

1 bình luận

  1. Pingback: Cách tạo hiệu ứng tuyết rơi, cây thông noel cho Wordpress, Blogspot, Wesbsite | Kenh76.vn

Gửi bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Cùng chuyên mục Chia sẻ

Lên trên