Tool Pages

絢麗花火 - New Year jQuery effects

回想一下, 我似乎沒有做過新年氣氛的懶人包. 這次匆忙間做了兩款新年歡樂迎賓卡, 是配合上一篇網頁載入時的jQuery動畫效果. jQuery Loading Effects
第一款是點燃花火棒的效果; 可隨著滑鼠在部落格裡玩個幾秒. 另一款則是以Flash為主幹的新年動畫.  使用懶人包當然多少有點限制, 一般是放在 <body> 下方就可以正常顯示; 但如果是因為範本有使用特殊的區塊 position 樣式或 Javascript, 可能需要試著調整一下js插件的位置.

老規矩, 已經裝設jQuery函式庫可以省略以下程式插件, 否則需要附加上去：
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>

噗哧 噗哧的花火效果 

<script src='https://googledrive.com/host/0B670PZGlLRSXa2M5RWNKWW1aYkE/new-year-loading.js'/>

叮咚 叮咚的Flash動畫 

<script src='https://googledrive.com/host/0B670PZGlLRSXa2M5RWNKWW1aYkE/new-year-loading2.js'/>

以上的音效純屬想像... 第一款是數學式運用在任何裝置上沒啥問題. 而第二款, 大部分的Desktop應有Flash播放程式, 建議使用 Demo B 的插件檔案較小; 顯示會比較順暢. 如果您的Blogger、網站在CSS樣式沒有區分桌上機、行動版、平板裝置, 真的需要HTML5版本則使用 Demo C 的插件, 會消耗較多的電腦性能. 頁面已經加掛許多模組或是內容龐大者不建議使用.

HTML5 明亮版本 

<script src='https://googledrive.com/host/0B670PZGlLRSXa2M5RWNKWW1aYkE/new-year-html5.js'/>


我想到為什麼以前沒有做新年的懶人包了! 因為每年年份不同, 懶人包只能用一次. 十二生肖的圖更慘... 12年才輪到一次, 依照資訊裝置的發展速度, 等不到下次使用的機會; 世界早就大變了!  依觀眾要求補上小巧一點的設計.


嘩啦 嘩啦的粉彩泡泡 

<script src='https://googledrive.com/host/0B670PZGlLRSXa2M5RWNKWW1aYkE/new-year-loading3.js'/>

噗通 噗通的萌心巧克力 

<script src='https://googledrive.com/host/0B670PZGlLRSXa2M5RWNKWW1aYkE/new-year-loading4.js'/>