首頁    文章清單    【老卜】    【卡羅素‧渥客】

 

中文版(簡體)說明

以下為最近發表的文章

JavaScript 倒影

4/6 10'

語法簡單到不行，如下：

<img src="your image" class="reflect rheight10" />

其中，class="reflect rheight75" 中 reflect 就是指進行倒影，rheight10 中的 10 代倒影是多少百分比，預設值是 50。例如：

rheight30

rheight50

rheight75

倒影會自動淡出，預設是由 50% 淡出到全透明，這部份也可以自訂，語法是：

<img src="your image" class="reflect ropacity100" />

opacity30

opacity50

opacity75

當然，你也可以混搭，同時指定倒影深度和透明度，只要將 rheight 和 ropacity 同時使用就可以，例如：

<img src="your image" class="reflect rheight10 ropacity100" />

這麼一個強大的 Javascript 是由 Ken 開發，Ken 的個人 Blog 在 http://cow.neondragon.net/ 而 Javascript 倒影 Javascript 的正式網站則在 http://cow.neondragon.net/stuff/reflection/

所有工作，你需要作的，先是按這裡下載 Javascript 檔案，並且解壓縮到你的主機中，再加入連結到你網頁裡，就完成了，例如：。

<script type="text/javascript" src="reflection.js"></script> <img src="your image" class="reflect rheight10" />

就這樣，簡單吧！祝使用愉快！

 

以下為文章回應區

同意轉載，不過麻煩看一下轉載需知

給個回應

姓名:
佈落格網址:
	如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容: