網頁新年節慶設計

4   Comments

歡送年末迎新春,做了很簡單的節慶佈置的小插件。最近很忙沒有空閒讓腦子運轉在部落格上面,即使在休息時間也是被小肥貓擠到身邊取暖無法動彈,所以拿舊圖修改一下就好。幸好明年農曆年還早,有新圖再增補。

另一個新設計的節慶插件還在蒐集資料中,比較不適合插件懶人包;或許留給自己用。(或是文件加密只開放給熟友?)
以下的小玩意檔案很小,屬於網頁載入效果,所以請將 js 插件放在 </head> 的前面,於載入時先執行。

區分黑屏、白屏兩式,需搭配 jQuery 函式庫,尚未使用 jQuery 者請另加以下 jQuery 插件。

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' />

DEMO A

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

DEMO B

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

DEMO C

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

DEMO D

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




Author Summary
網頁新年節慶設計
Subject : 網頁新年節慶設計
Author : - Dream Talker Updated at: 10:45 AM
Votes : 100% - 5.0 - based on 2015
歡送年末迎新春,分享很簡單的節慶佈置的小插件。新年氣氛的網站佈置採用網頁載入效果,示意圖顯示後淡出消失。
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please
  1. 嗨~祝您新年快樂!

    ReplyDelete
    Replies
    1. 祝您闔家安康新年快樂!並感謝艾水美眉長期以來的支持 :)

      Delete
  2. happy new year ^^
    又有應景插件了~

    ReplyDelete
    Replies
    1. 新年快樂! Wayne
      拿去年的應用簡化而已 XD!

      Delete