《Javascript 的圖形特效》一文中的第二種特效如下：
它的效果為一張張圖片緊接著 zoom-in 或 zoom-out。設定上很簡單，只要指定圖檔名及標題即可，如下：
完成！
2011年11月5日 星期六
圖片特效教學 (10js-1)
《Javascript 的圖形特效》一文中的第一種特效如下：
此為採用單純的 javascript 所製作出的特效，且所有顯示的圖片均集中寫在 html 部份，很容易更換為自己想要的圖片。步驟為：
(1) 先準備好數張圖片 (下圖為原先展示的範例圖檔，要區分出有5個不是)
此為採用單純的 javascript 所製作出的特效，且所有顯示的圖片均集中寫在 html 部份，很容易更換為自己想要的圖片。步驟為：
(1) 先準備好數張圖片 (下圖為原先展示的範例圖檔，要區分出有5個不是)
(2) 修改編頁中圖片的部分
(3) 如果想要包覆在自己指定的圖層 div 中亦可
(4) 如下示範
預祝順利！
2011年11月4日 星期五
Javascript的照片特效
這算是非常古老的一組資料，年代來源已不可考，用Google搜尋『10款讓你震撼的圖片展示js代碼』，也是滿坑滿谷的複製轉貼內容。
不過就這幾款的效果而言，仍然很有特色，最主要在於它是利用純粹javascript寫成，而且將圖檔定義與程式有效分離的做法，很值得做為入門的學習。要學習的倒不是它的程式如何寫成，而是如何將該效果引用到自己的網頁上。
以下貼上它的預覽圖片，點取下方連結亦可直接查看預覽頁面：
檔案下載：這裡
參考來源：早期是由 zcool 網站發現，但該網站也是轉貼自其他來源，已不詳
不過就這幾款的效果而言，仍然很有特色，最主要在於它是利用純粹javascript寫成，而且將圖檔定義與程式有效分離的做法，很值得做為入門的學習。要學習的倒不是它的程式如何寫成，而是如何將該效果引用到自己的網頁上。
以下貼上它的預覽圖片，點取下方連結亦可直接查看預覽頁面：
(本站教學)
檔案下載：這裡
參考來源：早期是由 zcool 網站發現，但該網站也是轉貼自其他來源，已不詳
訂閱：
文章 (Atom)