雪花飘

boonkiong

把代码添加到后台的“网站第三方统计代码”或添加到 footer 模板：

1. <script type='text/javascript' src='https://boonkiong.com/home/jsnow.js?ver=1.5' id='jsnow-js'></script>
   
2. <script type='text/javascript' id='snow-effect-js-extra'>
   
3. /* <![CDATA[ */
   
4. var snoweffect = {"show":"1","flakes_num":"30","falling_speed_min":"1","falling_speed_max":"3","flake_max_size":"20","flake_min_size":"10","vertical_size":"800","flake_color":"#efefef","flake_zindex":"100000","flake_type":"#10053","fade_away":"1"};
   
5. /* ]]> */
   
6. </script>
   
7. <script type='text/javascript' src='https://boonkiong.com/home/snow-effect.js?ver=1.0.0' id='snow-effect-js'></script>
   
8. <script type='text/javascript' src='https://boonkiong.com/home/snow-js.min.js?ver=1.0' id='snow-js-js'></script>
   
9. <script type='text/javascript' id='snow-js-js-after'>
   
10.                         (function( $ ) {
    
11.                                 var snowMax = 45;
    
12.                                 var snowColor = new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff");
    
13.                                 var snowType = new Array("Times","Arial","Times","Verdana");
    
14.                                 var snowEntity = "*";
    
15.                                 var snowSpeed = 0.5;
    
16.                                 var snowMaxSize = 30;
    
17.                                 var snowMinSize = 12;
    
18.                 var snowRefresh = 50;
    
19.                 var snowZIndex = 2500;
    
20.                 var snowStyles = "cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;";
    
21. 
    
22.                                 jQuery(document).trigger( 'loadWPSnow', [ snowMax, snowColor, snowType, snowEntity, snowSpeed, snowMaxSize, snowMinSize, snowRefresh, snowZIndex, snowStyles ] );
    
23. 
    
24.                         })( jQuery );
    
25.                        
    
26. </script>

复制代码

替换文件： snow.zip (2.87 KB, 下载次数: 6)

2026-7-9 18:54 上传

点击文件名下载附件

boonkiong

雪花数量比较少的

1. <!-- Snow Start -->
   
2. <canvas id="Snow"></canvas>
   
3. <script type='text/javascript' src='https://www.boonkiong.com/home/bk_snow.js'></script>
   
4. <style>#Snow{
   
5.     position: fixed;
   
6.     top: 0;
   
7.     left: 0;
   
8.     width: 100%;
   
9.     height: 100%;
   
10.     z-index: 99999;
    
11.     //background: rgba(125,137,95,0.1);
    
12.     pointer-events: none;
    
13. }</style>
    
14. <!-- Snow End -->

复制代码