嗨!好友!虎年到!祝您新年快樂、新春如意!歡迎光臨!慢慢逛喲!^.^///
[封面故事] [甘貴新老師課程總表] [玩子素材] [寫信給我]

2009.12.16 部落格裡雪花紛飛 II


謝謝篤蘭老師的指點,改良後的雪花應可以在 IE 及 FF 裡同步放送。

請注意!
無論如何,若您要修改模版,最好都能先留個複本,程式碼部份也是如此。可以先複製到一個空的記事本裡,以備萬一。因為並非所有模版都長得一個樣,本文本著分享為目的,並未對所有模版都進行過測試。若造成您的模版變形,玩子在此先行致歉。只能說,改模版:好玩!但是有風險!

Step1. 先用 Photoshop 或其他工具軟體,製作 20x20 像素的去背動畫 Gif。本例動畫[下載]

Step2. 再下載 "2009snow_1.js" 檔,用記事本開啟並變更裡面相關變數。[下載]

//雪花動畫圖檔路徑及檔名
var snowsrc="/gallery/9/Snow-1.gif"
//雪花數量
var no = 20;
//雪花出現時間
var hidesnowtime = 0;
//雪花下降長度 視窗高或頁高 ("windowheight" or "pageheight")
var snowdistance = "pageheight";

// 以下換成動畫圖檔名稱
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "Snow-1.gif" : snowsrc

Step3. 將 Gif 及 "2009snow_1.js" 檔上傳檔案中心。並取得這兩個檔的實體路徑。以下為本例路徑。

http://blog.huayuworld.org/gallery/9/Snow-1.gif

http://blog.huayuworld.org/gallery/9/2009snow_1.js

Step4. 進入 個人網誌設定 / 網誌模版編輯器,複製一份模版,進入編輯畫面,進入 footer.template,在最後 </body> 前加上以下語法。

請將以下 src 中的路徑置換為您的路徑。若您想直接使用本例,請直接使用以下語法置於 </body> 之前。並請忽略 Step1~Step3。

<script type="text/javascript" src="http://blog.huayuworld.org/gallery/9/2009snow_1.js"> </script>

Step5. 更新模版

Step6. 進入 個人網誌設定 / 網誌設定,選用剛才編改的模版。

Leave a comment

wang291

感恩甘老師無私分享,我先直接援用玩子部落格的雪花紛飛範例,成功了!
再找時間改雪花數量、出現時間、下降長度等相關變數,一定更好玩!



老師別熬夜了~心疼呢!
謝謝兩位大師幫忙解決問題~
篤蘭就是您的名字嗎?嗯~UCS老師別生氣喔~真的沒有其他的意思,但是用台語念起來有一點怪耶~sorry~別打我~對不起啦~控制不了啊~



03:55才完稿,老師,您辛苦了!謝謝老師的雪花朵朵!


ucs

謝謝詳細的解釋。

好漂亮的聖誕節heading images.




發表迴響
 authimage
  ※驗證碼會於圖片中顯示中文字的數字,請填入「阿拉伯數字」進行驗證喔!