jquery.lazyload图片延迟加载效果

最近用的一个jquery.lazyload图片延迟加载效果代码,使用图片延迟加载不仅能提高页面的访问速度,而且还能增加页面的美观度,其实这个代码是非常简单的。

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$(
"img").lazyload({
placeholder :
"pic/grey.gif", //延迟加载时显示的图片
effect : "fadeIn"
});
});
</script>

需要注意的时,此代码需要jquery的支持,$("img").lazyload表示对所有的图片都进行延迟加载,也可以只对某个DIV的ID或者class进行延迟加载,演示大家可以在下面下载,更多的精品的免费源码尽在天天源码论坛(www.ttyuanma.com)图片延迟加载效果.zip 

posted @ 2011-09-14 13:16  唐学阳  阅读(618)  评论(1编辑  收藏  举报