360buy 产品迟延加载jquery代码

<script type="text/网页特效">
     function lazyload(option){
      var settings={
       defobj:null,
       defheight:0
      };
      settings=$.extend(settings,option||{});
      var defheight=settings.defheight,defobj=(typeof settings.defobj=="object")?settings.defobj.find("img"):$(settings.defobj).find("img");
      var pagetop=function(){
       return document.documentelement.clientheight+math.max(document.documentelement.scrolltop,document.body.scrolltop)-settings.defheight;
      };
      var imgload=function(){
       defobj.each(function(){    
        if ($(this).offset().top<=pagetop()){
         var src2=$(this).attr("src2");
         if (src2){
          $(this).attr("src",src2).removeattr("src2");
         }
        }
       });
      };
      imgload();
      $(window).bind("scroll",function(){   
       imgload();
      });
     }
     lazyload({
      defobj:"#plist"
     })
    
     </script>

时间: 2024-10-02 14:27:22

360buy 产品迟延加载jquery代码的相关文章

jquery 图片加载效果代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

Android界面数据懒加载实现代码_Android

大家在使用手机新闻客户端的时候就会有一个发现,大多数的新闻客户端都会把新闻分类,诸如头条.娱乐.体育.科技等等,如何实现这种界面的呢?这个实现起来其实很简单,就是在一个Fragment中实现多个ViewPage的切换,再在ViewPage的上面放一个TabLayout,关联起来就可以实现联动效果.如果大家感觉不太明了的话,以后我可以专门写一篇关于Fragment中放入多个ViewPage的博客,今天,我主要介绍的是怎样实现界面即Fragment的懒加载.那么,大家就会奇怪了既然是加载界面直接加载

Treegrid的动态加载实例代码_jquery

废话不多说了,直接给大家贴代码了. 具体代码如下所示: 1.前端 <%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <script type="text/javascript"> $(function() { $('#goods_type_treegrid').treegrid({

js异步加载Javascript代码示例详解

当我们在Javascript里需要用到jQuery但又无法判断是否加载过时,可以通过下面的方法来自动判断并加载jQuery,代码如下:  代码如下 复制代码 function getScript(url, success) {     var script = document.createElement('script');     script.src = url;     var head = document.getElementsByTagName('head')[0],     do

动态加载jQuery的两种方法实例分析_jquery

本文实例讲述了动态加载jQuery的两种方法.分享给大家供大家参考.具体如下: 第一种方法参考本站之前有人发的代码,增加了加载检测: 第二种方法来自去年的12306刷票脚本. 第一种方法: function withjQuery(callback) { if(!(window.jQuery)) { var js = document.createElement('script'); js.setAttribute('src', 'https://dynamic.12306.cn/otsweb/j

动态加载jquery库的方法_jquery

有时候,我们可能不会在网页中<script src="jquery.min.js" 来加载 Jquery 库,可能在用户点击某个按钮后,才去加载 Jquery 库.好处不用我说,节省带宽,提高访问速度,因为用户可能不会点击这个按钮,也就不需要 Jquery .那么如何动态加载 Jquery 库呢?一般可以用 Document.write 来打印出,也可以用 Ajax ,也可以用我下面的这种方式: 复制代码 代码如下: <!DOCTYPE html PUBLIC "

seajs加载jquery时提示$ is not a function该怎么解决_jquery

jquery1.7以上的都支持模块化加载,只是jquery默认的是支持amd,不支持cmd.所以要用seajs加载jquery时,我们需要稍微做下改动,需要把以下内容做下修改,具体修改方式如下: 把 if (typeof define === "function" && (define.amd)) { define( "jquery", [], function() { return jQuery; }); } 改成 if (typeof defin

动态加载jQuery的方法

  本文实例讲述了动态加载jQuery的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 function checkJquery() { if(!(window.jQuery)) { var s = document.createElement('script'); s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'); s.setAttribu

动态加载jQuery的方法_jquery

本文实例讲述了动态加载jQuery的方法.分享给大家供大家参考.具体如下: function checkJquery() { if(!(window.jQuery)) { var s = document.createElement('script'); s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'); s.setAttribute('type', 'text/jav