jq图片延迟加载.docxjq图片延迟加载 : <script src="js/" type="text/javascript"></script> JQ没有就去网上DOWN <script src="js/" type="text/javascript"></script> 添加引用 ,和JQ一摸一样,也可以而这样调用,记得是在页面底部,</BODY>标签之前调用 <script type="text/javascript">$("img").lazyload(); </script> 或者这样调用<script type="text/javascript">$("img").lazyload({ placeholder: "images/blue-", effect:"fadeIn" }); </script> 当然你得先有一张blue-,然后得在images文件夹下面才可以这样调用, effect设置显示效果,默认是SHOW的效果, ,请放入original标签。比如,这样就不会在页面一打开的时候加载图片了,也是最关键的地方,或者说是项目的后台代码里面唯一需要改动的地方。好,下面是代码放送,请注明出处d/archive/2010/03/25/,于2010年3月26日发表于博客园的泡泡网控件有代码有真相 代码(function($) { $. = function(options) { var settings = { threshold: 0, failurelimit: 0, event: "scroll", effect: "show",//默认效果为show container: window }; if (options) { $.extend(settings, options); } var elements = this; if ("scroll" == ) { $().bind("scroll", function(event) { var counter = 0; (function() { if ($.abovethetop(this, settings) || $.leftofbegin(this, settings) ) { = false; }
jq图片延迟加载 来自淘豆网www.taodocs.com转载请标明出处.