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


Posted in Javascript onAugust 20, 2015

这是一款基于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="https://3water.com/" target="_blank"><font color="#FFFFFF">三水点靠木</font></a></p>
</html>

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

Javascript 相关文章推荐
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
jquery制作多功能轮播图插件
Apr 02 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 Javascript
JS功能代码集锦
May 04 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
js实现网页多级级联菜单代码
Aug 20 #Javascript
javascript常用的方法整理
Aug 20 #Javascript
JS实现的Select三级下拉菜单代码
Aug 20 #Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 #Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 #Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 #Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 #Javascript
You might like
农民和部队如何穿矿
2020/03/04 星际争霸
php smarty 二级分类代码和模版循环例子
2011/06/01 PHP
php出现web系统多域名登录失败的解决方法
2014/09/30 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法
2016/07/01 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2010/06/11 Javascript
了解一点js的Eval函数
2012/07/26 Javascript
js 控制下拉菜单刷新的方法
2013/03/03 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
JavaScript实现时间倒计时跳转(推荐)
2016/06/28 Javascript
js表单登陆验证示例
2016/10/19 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
原生js实现打字动画游戏
2017/02/04 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
React学习之JSX与react事件实例分析
2020/01/06 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python实现单向链表详解
2018/02/08 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
财务主管岗位职责
2014/02/28 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
2014年居委会工作总结
2014/12/09 职场文书
前台岗位职责
2015/02/13 职场文书
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS