close

Reflection 2.0 是能夠讓圖片自動產生倒影的 JavaScript 程式,它能夠與背景顏色融為一體,
不需要在為換背景顏色而擔心,而且很容易地反映不同高度和透明度,
在舊版本不支援的瀏覽器中也不會發現有錯誤,最棒的是檔案只有5KB。

支援瀏覽器:
Internet Explorer 5.5+ ,Mozilla Firefox 1.5+ ,Google Chrome (all versions) , Safari 2+ ,Opera 9+.

下載 reflection.js 放置於網頁目錄下

<HEAD>與</HEAD>之間

<script type="text/javascript" src="reflection.js""></script>

<BODY>與</  BODY> 之間

<img src="xx.jpg" width="100" height="100" alt="" class="reflect" />

 

高度自訂倒影:

class="reflect rheight50" || 修改高度 10~100 最佳

透明度自訂倒影:

class="reflect ropacity30" || 修改透明度 10~100 最佳

高度透明度合併自訂倒影:

class="reflect rheight30 ropacity100"

✦也就是說在圖片標籤加上class="reflect"

 

✦作者網站 : http://cow.neondragon.net/stuff/reflection/

arrow
arrow
    全站熱搜

    Bonnie✦ 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄