今天是圣诞节,祝大家都过一个美好、祥和的圣诞节,并预祝新年快乐!

早上打开亚马逊查看发货进度,发现到货时间被推迟了(要明年初才能到货了:))。亚马逊的网站上的头部背景区域有雪花的动画,感觉蛮应景的。 马上研究了一下,把自己的个人小站也装饰一下。现在已经能看到效果了。

这个雪花的效果是一段使用的Jquery 的js插件,只需要将 jq.snow.js 引入到你的网站,当然你的网站必须已经引用了jquery库,如果没有那要引入jquery库才可以

以下是代码内容:

这段代码的原理简单说就是 在一个snowbox的div 上利用随机数 画出不同大小和位置的雪花图形。  如果你的网页有不同的 区块使用了 z-index属性,就像我一样在snowbox的div加上  ‘z-index’: ‘999’ 这样的属性,保证雪花在最上层显示。

雪花的形状是用 ‘&# 10052 ‘; (去掉中间的空格) 这个转义序列(escape sequence)实现的。 ‘&#’这种开头的代表 numeric character reference(NCR), 他们不是编码,而是 HTML、XML 等 SGML 类语言的转义序列。 有兴趣可以参考知乎上个的介绍

参见 HTML 4 和 HTML5 中已有定义的字符列表:

本段代码加载,需要一点时间,最好是放在文件在网站的 </body> 标签的前面引用, 这样可以不影响页面内容的加载。

All best to you and your family and I hope you have a great New year!