Twinsen Liang

今日在嗷嗷的站闲逛，发现个几不错的样式效果。用燕燕张相做个ＤＥＭＯ：Ｐ（不要敲我～～）

 引用代码<script type="text/javascript" src="/scripts/reflection.js"></script>

<div style="float:left; padding: 10px;"><img src="https://labs.twinsenliang.net/reflection/simple1.jpg" class="reflect ropacity60" alt="" /></div>

<div style="float:left; padding: 10px;"><img src="https://labs.twinsenliang.net/reflection/simple1.jpg" class="reflect ropacity80" alt="" /></div>

<div style="float:left; padding: 10px;"><img src="https://labs.twinsenliang.net/reflection/simple1.jpg" class="reflect ropacity100" alt="" /></div> 

插入的代码也相当的简单，只要加入 class= "reflect ropacity60" 这个样式就可以了。不过测试过程中发现了这个咚咚有个死穴……当JS被重复调用时，或者在onload事件处理中途被其他js当中触发的事件相冲调时会领到浏览器crash。属慎用型脚本。不小心的话就像Qzone的背景一样，下下CPU都上90%了。
相关的Link：嗷嗷的实验室、Reflection