jQuery雪花插件JQuery-Snowfall Plugin

明天就是圣诞节，分享一个好玩的jQuery插件——JQuery-Snowfall Plugin，该插件可以实现在页面上飘落雪花的特效。

JQuery-Snowfall插件的github项目地址：https://github.com/loktar00/JQuery-Snowfall/

调用插件的方式很简单，首先，需要在页面上添加对js源文件snowfall.jquery.js的引用：

<script type="text/javascript" src="https://raw.githubusercontent.com/loktar00/JQuery-Snowfall/master/src/snowfall.jquery.js"></script>

然后使用插件的缺省方式开启雪花特效：

$(document).snowfall();

此外，该插件还支持下列参数设置：

1、flakeCount,

2、flakeColor,

3、flakeIndex,

4、minSize,

5、maxSize,

6、minSpeed,

7、maxSpeed,

8、round, true or false, makes the snowflakes rounded if the browser supports it.

9、shadow true or false, gives the snowflakes a shadow if the browser supports it.

示例用法：

$(document).snowfall({flakeCount : 100, maxSpeed : 10});

或者：

$('#element').snowfall({flakeCount : 800, maxSpeed : 5, maxSize : 5});

清除雪花：

$('#element').snowfall('clear');

使用图片作为雪花元素：

$(element).snowfall({image :"images/flake.png", minSize: 10, maxSize:32});

另外，该插件也支持无需jQuery即可使用的纯JavaScript版本。

原文链接：http://bookshadow.com/weblog/2014/12/24/jquery-snowfall-plugin/
请尊重作者的劳动成果，转载请注明出处！书影博客保留对文章的所有权利。

转载于:https://www.cnblogs.com/leohui/p/5435df.html

jQuery雪花插件JQuery-Snowfall Plugin相关推荐

JQuery模板插件jquery.tmpl-动态ajax扩展
在上一篇JQuery模板插件-jquery.tmpl中介绍了这款插件.有时我们需要去动态的ajax去加载模板,或者数据,根据url参数或者其他信息加载不同的模板,数据.在我的某个项目中有这个需求,所以 ...
jQuery分页插件(jquery.page.js)的使用
效果描述: 不用分页即可显示的jQuery插件 jQuery分页插件--jQuery.page.js用法很简单,效果很棒 1.前端首先html的head中引入相关css与js <link re ...
SlidesJS基本使用方法和官方文档解释【Jquery幻灯片插件 Jquery相册插件】
SlidesJS基本使用方法和官方文档解释 [Jquery幻灯片插件 Jquery相册插件] 标签: jquery文档functionstringdiv相册 2012-04-19 15:23 3931 ...
jquery 滚轮插件 jquery.mousewheel.js
jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,那么可以使用jquery的滚轮事件插件jquery.mousewheel.js. Github地址:jquery-mouse ...
jQuery遮罩插件jQuery.blockUI.js简介
概述: jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为.该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭.BlockUI通过向DOM中添加元素实 ...
flot - jQuery 图表插件(jquery.flot)使用
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
flot - jQuery 图表插件(jquery.flot)使用-2
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
分享一款超棒的jQuery旋钮插件 - jQuery knob
转自:http://www.cnblogs.com/gbin1/archive/2012/05/08/2489908.html 在线演示本地下载如果你也在寻找一款生成漂亮旋钮(knob)的jQu ...
jQuery条形码插件 jQuery Barcode
jQuery Barcode 是一个用来创建条形码的 jQuery 插件. 在线演示首先介绍下条形码的原理先: 条形码技术最早产生在风声鹤唳的二十年代,诞生于Westinghouse的实验室里.一位 ...

jQuery雪花插件JQuery-Snowfall Plugin

jQuery雪花插件JQuery-Snowfall Plugin相关推荐

最新文章

热门文章