天天看點

Html頁面雪花效果的實作

簡單介紹

昨天修改了一下部落格所用的模闆,冬天來了,給自己的部落格加點雪花,感覺更有意境。

百度找到了非常多的結果,最終還是選用了

cfs.snow.js

,很贊壓縮之後隻有1kb左右,而且不會影響頁面使用,使用方式非常簡單。

引入js檔案之後隻需要一句話:

snow.down()

該項目github位址:https://github.com/coolfishstudio/cfs.snow.js

示範位址:http://snow.coolfishstudio.com/

此雪花效果不支援IE浏覽器,是以IE浏覽器通路會屏蔽雪花效果。

快速使用

這裡我自己搭建了一個cdn服務供大家使用,支援http和https。
<script type="text/javascript" src="//cdn.xcmaster.com/snow.js"></script>
<script>
    snow.down()
</script>
           

關于部落格園的設定

1.進入自己的部落格,點選

管理

Html頁面雪花效果的實作

2.點選

設定

頁籤

Html頁面雪花效果的實作

3.在

頁首html代碼

中,添加代碼

Html頁面雪花效果的實作

最後不要忘記儲存了,打開你的部落格就可以看到效果了!

目前學習.NET Core 最好的教程 .NET Core 官方教程 ASP.NET Core 官方教程

.NET Core 交流群:923036995  歡迎加群交流

如果您認為這篇文章還不錯或者有所收獲,您可以點選右下角的【推薦】支援,或請我喝杯咖啡【贊賞】,這将是我繼續寫作,分享的最大動力!

作者:曉晨Master(李志強)

聲明:原創部落格請在轉載時保留原文連結或者在文章開頭加上本人部落格位址,如發現錯誤,歡迎批評指正。凡是轉載于本人的文章,不能設定打賞功能,如有特殊需求請與本人聯系!