jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

 这是一款基于jquery实现的漫天雪花飞舞的圣诞祝福雪花效果代码，雪花的大小可以进行切换，用户还可以更改背景图片，是一款非常实用的幻灯片特效源码。
漫天雪花飞舞的jquery圣诞祝福雪花效果，集中不同的效果可以点击选择，请欣赏。

为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码如下

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="images/jquery-latest.min.js"></script>

<script src='images/snowfall.jquery.js'></script>

<link rel="stylesheet" href="images/styles.css"></link>

</head>

<body class="darkBg">

<input type="button" id="clear" value="Click to clear"/>

<input type="button" id="round" value="Rounded"/>

<input type="button" id="shadows" value="Shadows"/>

<input type="button" id="roundshadows" value="Rounded Shadows"/>

<input type="button" id="deviceorientation" value="Deviceorientation"/>

<div class="collectonme">

<p>Collect on meeeeee!!!</p>

</div>

<div class="collectonme">

<p>Collect on meeeeee!!!</p>

</div>

<div class="collectonme">

<p>Collect on meeeeee!!!</p>

</div>

</body>

<script type='text/javascript'>

$(document).ready(function(){

$('.collectonme').hide();

//Start the snow default options you can also make it snow in certain elements, etc.

$(document).snowfall();

$("#clear").click(function(){

$(document).snowfall('clear'); // How you clear

});

$("#round").click(function(){

document.body.className = "darkBg";

$('.collectonme').hide();

$(document).snowfall('clear');

$(document).snowfall({round : true, minSize: 5, maxSize:8}); // add rounded

});

$("#shadows").click(function(){

document.body.className = "lightBg";

$('.collectonme').hide();

$(document).snowfall('clear');

$(document).snowfall({shadow : true, flakeCount:200}); // add shadows

});

$("#roundshadows").click(function(){

document.body.className = "lightBg";

$('.collectonme').hide();

$(document).snowfall('clear');

$(document).snowfall({shadow : true, round : true, minSize: 5, maxSize:8}); // add shadows

});

$("#deviceorientation").click(function(){

$(document).snowfall('clear');

$('.collectonme').hide();

document.body.className = "darkBg";

$(document).snowfall({deviceorientation : true, round : true, minSize: 5, maxSize:8});

});

});

</script>

<p align="center"><font color="#FFFFFF">来源：</font><a href="http://www.jb51.net/" target="_blank"><font color="#FFFFFF">脚本之家</font></a></p>

</html>

以上就是为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码，希望大家可以喜欢。