Code

图片倒影效果。
一个jQuery自动实现图片半透明渐变倒影效果的插件。可自定义设置倒影的高度,透明度。支持所有主流浏览器。
效果预览
代码
1.在body里加入如下HTML代码:

<div class="reflection">
    <a href="#1"><img src="images/img1.jpg" /></a>
    <a href="#2"><img src="images/img2.jpg" /></a>
    <a href="#3"><img src="images/img3.jpg" /></a>
</div>
<div style="clear:both;"><!--清除浮动--></div>

2.在head标签内加入css:

<style type="text/css">
    .reflection a{float:left; display:inline; margin-right:20px;}
</style>

3.在body底部引入js文件:

<script src="http://img.china-dirs.com.cn/public/js/jquery.js" type="text/javascript"></script>

<script src="http://img.china-dirs.com.cn/public/js/reflection.js" type="text/javascript"></script>

4.在body底部添加js代码:

<script type="text/javascript">
    $(function() {
        $(".reflection img").reflect({ height: .4, opacity: .3 });//设置高度和透明度
    });
</script>