Javascript 圖片倒影效果

一、
此JS支持IE5.5+，Firefox1.5+，Opera9+，Safari等瀏覽器，
對於舊版本瀏覽器無任何影響。

二、
使用簡單方便，除本身JS外不需Include其它JS。
在需要倒影效果的圖片加上TAG中加入class="reflect"即可。

三、
倒影自動漸變至背景色，效果自然。
可支持jpg,gif,png等圖片格式。
IE還支持gif動畫。不支持連結圖片。

四、
需Include的JS只有4K不到。

五、
如有大量圖片需要倒影效果，
與其將要套用的圖片加上屬性，
不如將不要套用的圖片加上屬性，
方法如下：
開啟Reflection.js檔將

var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }

修改成

function st(){
  var imgs = document.getElementsByTagName('IMG');
  for (var i=0; i < imgs.length; i++  ) {
    if(imgs[i].className != "noReflect")
    imgs[i].className = 'reflect rheight20 ropacity50';
  }
}
var previousOnload = window.onload;
window.onload = function () {st(); if(previousOnload) previousOnload(); addReflections();}

簡單的來說就是搜尋所有的img標籤，
沒有class="noReflect"標籤的都換上class="reflect rheight20 ropacity50"，
只要將不想要出現倒影效果的圖片加上class="noReflect"即可。

Reflection