第一款是點燃花火棒的效果; 可隨著滑鼠在部落格裡玩個幾秒. 另一款則是以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'/>
Author Summary
Subject : 絢麗花火 - New Year jQuery effects
Author : - Dream Talker Updated at: 10:24 AM
Votes : 5.0 - based on 2015
Happy New Year 慶祝新年動畫loading效果 -
Author : - Dream Talker Updated at: 10:24 AM
Votes : 5.0 - based on 2015
Happy New Year 慶祝新年動畫loading效果 -
5 Stars - Reviews
這滿炫麗漂亮的
ReplyDelete不過像煙火般短暫, 只適合放新年那幾天 XD!
Delete多謝分享!
ReplyDelete歡迎來訪.
Delete可不可以請問一個問題?
ReplyDelete我看過幾個 blogger 在文章開頭的地方會像你一樣放個示意圖或縮圖,這是對搜尋有利的方式嗎?
比非特
To 比非特,
Delete正好相反! 文章首段最好什麼都不要加, 純文字對搜尋來說才是有利, 最好連html語法標記都不要有. 約兩百字符後(以英文字符為例)再使用圖片或照片. 除非您的文章是以圖片為主才會放到最前端, 但必須加上 alt 的屬性值, 則利於出現在圖片搜尋結果.