1.图片淡入效果引用js库

<script type="text/javascript" src="http://ajax.css.network/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js"></script>

 

2.jquery代码,给页面所有元素添加淡入效果

$(document).ready(function(){

    $("img").lazyload({
     placeholder : "http://www.appelsiini.net/projects/lazyload/img/grey.gif",      
     effect      : "fadeIn"
    });

});

插件参考请参考此页面

http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

此jquery效果存档,以方便以后使用..