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.

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:

https://www.mediafire.com/?98xf4xxcdlz3g37

Các bình luận