關於部落格
  • 13092

    累積人氣

  • 0

    今日人氣

    1

    追蹤人氣

[分享]淡出&淡入的效果

這是一個非常好用的 JavaScript 是我在做網站需要的時候,
慢慢彙整出來的程式碼,畢竟網路上的使用都不太完整呢~
把下面的程式碼儲存成 effect.js 或者其他 副檔名為 js 的檔案: function $(d){return document.getElementById(d);} var fade_in_i = 0; function fade_in(div,fadeSpeed){ var obj = $(div); if(fade_in_i >= 100){ fade_in_i = 0; }else{ fade_in_i+=1; obj.style.filter = "Alpha(Opacity=" + fade_in_i + ")"; obj.style.opacity = fade_in_i/100; setTimeout("fade_in('" + div + "')", fadeSpeed); } } var fade_out_i = 100; function fade_out(div,fadeSpeed){ var obj = $(div); if(fade_out_i < = 0){ fade_out_i = 100; }else{ fade_out_i-=1; obj.style.filter = "Alpha(Opacity=" + fade_out_i + ")"; obj.style.opacity = fade_out_i/100; setTimeout("fade_out('" + div + "')", fadeSpeed); } } 存檔之後,加入下面的程式碼: <script type="text/javascript" src="js檔案位子"></script> 然後,就可以使用效果了唷 ^^ 範例:
↑游標靠近他就可以看到效果 XD 下次焰會嘗試讓這個特效變成天空Blog的特效,請期待唷 ^^ 使用說明: fade_in('標籤的ID名稱',幾秒內完成動作); ←淡入函式 fade_out('標籤的ID名稱',幾秒內完成動作); ←淡出函式
相簿設定
標籤設定
相簿狀態