jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
更新时间:2015年08月20日 11:49:13 投稿:lijiao
这篇文章主要介绍了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://www.jb51.net/" target="_blank"><font color="#FFFFFF">脚本之家</font></a></p> </html>
以上就是为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码,希望大家可以喜欢。
相关文章
jQuery对checkbox 复选框的全选全不选反选的操作
这篇文章主要介绍了jQuery对checkbox 复选框的全选全不选反选的操作 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-08-08JS拖动选择table里的单元格完整实例【基于jQuery】
这篇文章主要介绍了JS拖动选择table里的单元格,结合完整实例形式分析了基于jQuery的table表格动态操作相关实现技巧,涉及事件响应及页面元素属性动态操作使用方法,需要的朋友可以参考下2019-05-05jQuery实现的表头固定效果实例【附完整demo源码下载】
这篇文章主要介绍了jQuery实现的表头固定效果,结合完整实例形式分析了jQuery基于插件实现的表头固定功能与用法,非常简单实用,需要的朋友可以参考下2016-08-08
最新评论