20061008

图片倒影效果

sunshine Mood at 08:38 AM

今日在嗷嗷的站闲逛,发现个几不错的样式效果。用燕燕张相做个DEMO:P(不要敲我~~)

 引用代码<script type="text/javascript" src="/scripts/reflection.js"></script>
<div style="float:left; padding: 10px;"><img src="http://labs.twinsenliang.net/reflection/simple1.jpg" class="reflect ropacity60" alt="" /></div>
<div style="float:left; padding: 10px;"><img src="http://labs.twinsenliang.net/reflection/simple1.jpg" class="reflect ropacity80" alt="" /></div>
<div style="float:left; padding: 10px;"><img src="http://labs.twinsenliang.net/reflection/simple1.jpg" class="reflect ropacity100" alt="" /></div>
插入的代码也相当的简单,只要加入 class= "reflect ropacity60" 这个样式就可以了。不过测试过程中发现了这个咚咚有个死穴……当JS被重复调用时,或者在onload事件处理中途被其他js当中触发的事件相冲调时会领到浏览器crash。属慎用型脚本。不小心的话就像Qzone的背景一样,下下CPU都上90%了。
相关的Link:嗷嗷的实验室Reflection
评论加载中……

Recent

菜单加载中……
Index