Tool Pages

聖誕節布置懶人包

雖然很少慶祝節日, 不是出差就是工作(不是一樣嗎?). 但是我還滿喜歡趁著節慶布置部落格, 感受一下虛擬的氣氛. 有點麻煩的是, 事後還要修改回來. 看到有的公司行業很早就擺出聖誕布置, 惹得好友私下問我今年會不會也布置一番?
我想到今年初做了一張2012新年圖, 花了我一個休息日, 擺了不到十天下架. 可說氣氛搞心酸的. 所以這次我想能否弄個簡單方法, 不必東改西修的懶人包, 分享給網友一起搞氣氛.

最簡單的方式是在" Layout(布置) "新增一個HTML/JavaScript小工具, 將以下的插件複製貼上就完成了. 事後整個小工具移除就恢復原有的設計, 不必動到範本CSS修改, 明年再重複利用一次, 哈哈! (明年當然會稍做修改, 使用期至1月初)

懶人包插件內容包括: 背景, 胖胖雪花, 滑鼠游標, 音樂盒.
本來想多附加些東西, 算了... 太制式也不好吧! 附加音樂就將就著點跟我用同樣的, 誰叫它是懶人包, 使用者完全不必上傳檔案. Demo看效果.

請複製以下HTML到HTML/JavaScript工具裡.


<link href="https://dl.dropbox.com/u/34007546/Xmas/Xmas.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://dl.dropbox.com/u/34007546/Xmas/Xmas.js"></script>
<script src="https://dl.dropbox.com/u/34007546/Xmas/Snow-fall.js"></script>
<script>jQuery(document).ready(function(){jQuery(document).snowfall()});</script>


✿ 如已經使用jquery.min.js程式庫, 不必重複加裝程式碼.

假使你跟我一樣, 在部落格裡大量使用HTML5 Canvas圖形運算, 胖胖雪可能會造成CPU運作大, 可以改成另一種.


<link href="https://dl.dropbox.com/u/34007546/Xmas/Xmas.css" rel="stylesheet" type="text/css" />
<script src="https://dl.dropbox.com/u/34007546/Xmas/Xmas.js"></script>
<script src="https://dl.dropbox.com/u/34007546/Xmas/Circle-word.js"></script>