Princess Party

Princess Party - 網頁教學

介面外觀

主選單

新作塗鴉

網頁教學

圖片漸變

2009/02/15 (Sun)
  • 這是個用FLASH可以很簡單做出來的漸變效果,但做成JS的話,加上連結或是給動態網頁來使用會更加的方便。

    使用前需先下載 http://rei.idv.tw/sample/parts/banner.js 這個檔案,並將其與 html 放置於同資料夾下。

原始碼



設定方式

  • 【修改方式】
     請打開 banner.js 這個檔案,最前面的三行有基本的設定(漸變速度、切換模式(正向/逆向/隨機)、切換動態(漸變/瞬變)),請依註解修改即可。

    【新增圖片的方式】
     請依照html中的寫作格式依序往下新增即可。

    【注意事項】
     請盡量使用同樣大小且無透明的圖片,畫面會較美。若需要使用不同大小圖片時,請在CSS下對 ul#banner li 下加上背景色以遮蓋下層圖片。

取材網站

相關回應

目前無相關回應

發表回應

您可以利用以下表單發表您對本篇的回應

  • 表情:            
紙娃娃設定

素材、設計