欢迎来到js特效学院!

jQuery实现图片的延时加载及淡入效果

2013年03月06日 作者/来源:本站原创 点击: 分类:图形特效
在打开某些网站的时候,你会发现,当你把滚动条拉下来的时候,图片才会被加载,然后,闪一道光再出现的淡入效果。其实这就是用伟大的jQuery来实现的,它的名字叫:ImageLazyLoad。 假如你的网站,想实现的话,很简单

在打开某些网站的时候,你会发现,当你把滚动条拉下来的时候,图片才会被加载,然后,闪一道光再出现的淡入效果。其实这就是用伟大的jQuery来实现的,它的名字叫:ImageLazyLoad

假如你的网站,想实现的话,很简单。只要在<head></head>之间,插入下面的代码即可

<script src="http://ascloud.info/m4html/usr/uploads/js/lazyload/jquery.min.js" type="text/javascript"></script>
<script src="http://ascloud.info/m4html/usr/uploads/js/lazyload/jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
 $("img").lazyload({
  effect : "fadeIn"
 });
});
</script>

演示效果:

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

instantShift - Single Page Website Design Inspiration

本文地址:http://www.jsweb8.cn/html/js_img/1726.htm

这些是大家喜欢的...

这些是最新的文章...