絢麗花火 - New Year jQuery effects

6   Comments

回想一下, 我似乎沒有做過新年氣氛的懶人包. 這次匆忙間做了兩款新年歡樂迎賓卡, 是配合上一篇網頁載入時的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'/>


Author Summary
絢麗花火 - New Year jQuery effects
Subject : 絢麗花火 - New Year jQuery effects
Author : - Dream Talker Updated at: 10:24 AM
Votes : 100% - 5.0 - based on 2015
Happy New Year 慶祝新年動畫loading效果
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please
  1. Replies
    1. 不過像煙火般短暫, 只適合放新年那幾天 XD!

      Delete
  2. Anonymous3:03 AM

    可不可以請問一個問題?
    我看過幾個 blogger 在文章開頭的地方會像你一樣放個示意圖或縮圖,這是對搜尋有利的方式嗎?

    比非特

    ReplyDelete
    Replies
    1. To 比非特,
      正好相反! 文章首段最好什麼都不要加, 純文字對搜尋來說才是有利, 最好連html語法標記都不要有. 約兩百字符後(以英文字符為例)再使用圖片或照片. 除非您的文章是以圖片為主才會放到最前端, 但必須加上 alt 的屬性值, 則利於出現在圖片搜尋結果.

      Delete