用JS显示图片的倒影


Example Image
如何实现上图的图片倒影效果:
1.先上传JS文件reflection到你的空间,然后用以下代码导入此文件(src后改成你上传JS文件的地址):

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


2.应用JS,用标签img导入任意图片,用class标示倒影的属性,如下:

<img src="***.jpg" alt="Example Image"class="reflect rheight50 ropacity50 ">

其中rheight后的数字代表倒影的高度,ropacity后的数字代表倒影的透明度,1-100的数字都可以。

下载此JS文件Reflection.js


参考:http://cow.neondragon.net/stuff/reflection/
« Torpark--逃脱GOV的网络封锁和监视SWARM----别人都在访问什么网页? »

 

 

 

 

 

 

 

 

 



Powered By Z-Blog 1.5 Build 60108

Copyright www.JoRux.com . Some Rights Reserved. 辽ICP备06004576号