圖片延時加載原生JS特效廣告代碼-溫州網絡公司,溫州網站制作,溫州網站建設,溫州網頁設計,溫州網站推廣,溫州網站優化,溫州做網站

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!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-Type" content="text/html; charset=utf-8" /> <title>圖片延時加載原生JS特效廣告代碼</title> <style type="text/css"> body,div,ul,li{margin:0;padding:0;} #box{width:770px;margin:0 auto;padding:10px 0 0 10px;background:#f00;overflow:hidden;zoom:1;} #box li{float:left;width:375px;height:225px;color:#fff;padding:10px 0;display:inline;text-align:center;margin:0 10px 10px 0;background:#000 ;} #box li img.loaded{width:353px;height:225px;vertical-align:middle;} </style> </head> <script type="text/javascript"> var fgm = { on: function(element, type, handler) { return element.addEventListener ? element.addEventListener(type, handler, false) : element.attachEvent("on" + type, handler) }, bind: function(object, handler) { return function() { return handler.apply(object, arguments) } }, pageX: function(element) { return element.offsetLeft + (element.offsetParent ? arguments.callee(element.offsetParent) : 0) }, pageY: function(element) { return element.offsetTop + (element.offsetParent ? arguments.callee(element.offsetParent) : 0) }, hasClass: function(element, className) { return new RegExp("(^|\\s)" + className + "(\\s|$)").test(element.className) }, attr: function(element, attr, value) { if(arguments.length == 2) { return element.attributes[attr] ? element.attributes[attr].nodeValue : undefined } else if(arguments.length == 3) { element.setAttribute(attr, value) } } }; //延時加載 function LazyLoad(obj) { this.lazy = typeof obj === "string" ? document.getElementById(obj) : obj; this.aImg = this.lazy.getElementsByTagName("img"); this.fnLoad = fgm.bind(this, this.load); this.load(); fgm.on(window, "scroll", this.fnLoad); fgm.on(window, "resize", this.fnLoad); } LazyLoad.prototype = { load: function() { var iScrollTop = document.documentElement.scrollTop || document.body.scrollTop; var iClientHeight = document.documentElement.clientHeight + iScrollTop; var i = 0; var aParent = []; var oParent = null; var iTop = 0; var iBottom = 0; var aNotLoaded = this.loaded(0); if(this.loaded(1).length != this.aImg.length) { for(i = 0; i < aNotLoaded.length; i++) { oParent = aNotLoaded[i].parentElement || aNotLoaded[i].parentNode; iTop = fgm.pageY(oParent); iBottom = iTop + oParent.offsetHeight; if((iTop > iScrollTop && iTop < iClientHeight) || (iBottom > iScrollTop && iBottom < iClientHeight)) { aNotLoaded[i].src = fgm.attr(aNotLoaded[i], "data-img") || aNotLoaded[i].src; aNotLoaded[i].className = "loaded"; } } } }, loaded: function(status) { var array = []; var i = 0; for(i = 0; i < this.aImg.length; i++) eval("fgm.hasClass(this.aImg[i], \"loaded\")" + (!!status ? "&&" : "||") + "array.push(this.aImg[i])"); return array } }; //應用 fgm.on(window, "load", function () {new LazyLoad("box")}); </script> <body> <ul id="box"> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> <li><img src="http://www.achillezaino.com/images/noface.gif" data-img="http://www.achillezaino.com/images/001.jpg" /></li> </ul> <a href="http://www.achillezaino.com/">精品国产品国语在线不卡</a> <div style="position:fixed;left:-9000px;top:-9000px;"><cite id="ni7vs"></cite><optgroup id="ni7vs"><cite id="ni7vs"><kbd id="ni7vs"></kbd></cite></optgroup><cite id="ni7vs"><track id="ni7vs"></track></cite><cite id="ni7vs"><cite id="ni7vs"><track id="ni7vs"></track></cite></cite><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><kbd id="ni7vs"><kbd id="ni7vs"></kbd></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></kbd><cite id="ni7vs"></cite><optgroup id="ni7vs"><cite id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"></optgroup></kbd></cite></optgroup><cite id="ni7vs"></cite><kbd id="ni7vs"><kbd id="ni7vs"></kbd></kbd><track id="ni7vs"><optgroup id="ni7vs"></optgroup></track><track id="ni7vs"><optgroup id="ni7vs"></optgroup></track><cite id="ni7vs"><kbd id="ni7vs"></kbd></cite><optgroup id="ni7vs"></optgroup><cite id="ni7vs"></cite><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><cite id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"></optgroup></kbd></cite><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><kbd id="ni7vs"></kbd><cite id="ni7vs"></cite><optgroup id="ni7vs"></optgroup><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><cite id="ni7vs"></cite></cite></kbd></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><track id="ni7vs"><track id="ni7vs"></track></track><cite id="ni7vs"></cite><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><cite id="ni7vs"></cite><cite id="ni7vs"></cite><cite id="ni7vs"></cite><cite id="ni7vs"></cite><cite id="ni7vs"><cite id="ni7vs"></cite></cite><cite id="ni7vs"><optgroup id="ni7vs"><kbd id="ni7vs"></kbd></optgroup></cite><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><cite id="ni7vs"></cite><kbd id="ni7vs"></kbd><optgroup id="ni7vs"><optgroup id="ni7vs"><kbd id="ni7vs"></kbd></optgroup></optgroup><optgroup id="ni7vs"></optgroup><track id="ni7vs"><track id="ni7vs"></track></track><cite id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"></optgroup></kbd></cite> <cite id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup></cite></cite><optgroup id="ni7vs"><optgroup id="ni7vs"><track id="ni7vs"></track></optgroup></optgroup><optgroup id="ni7vs"><optgroup id="ni7vs"><track id="ni7vs"></track></optgroup></optgroup><optgroup id="ni7vs"></optgroup><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><kbd id="ni7vs"></kbd><optgroup id="ni7vs"></optgroup><track id="ni7vs"><track id="ni7vs"></track></track><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><kbd id="ni7vs"></kbd></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><track id="ni7vs"></track><cite id="ni7vs"></cite><track id="ni7vs"></track><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"></optgroup></kbd></kbd><optgroup id="ni7vs"><optgroup id="ni7vs"><track id="ni7vs"></track></optgroup></optgroup><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><optgroup id="ni7vs"><optgroup id="ni7vs"><track id="ni7vs"></track></optgroup></optgroup><track id="ni7vs"><track id="ni7vs"></track></track><kbd id="ni7vs"></kbd><optgroup id="ni7vs"><optgroup id="ni7vs"><kbd id="ni7vs"></kbd></optgroup></optgroup><optgroup id="ni7vs"></optgroup><optgroup id="ni7vs"></optgroup><cite id="ni7vs"></cite><kbd id="ni7vs"><kbd id="ni7vs"></kbd></kbd><kbd id="ni7vs"></kbd><kbd id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"></optgroup></kbd></kbd><track id="ni7vs"></track><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></kbd></kbd><track id="ni7vs"><track id="ni7vs"><cite id="ni7vs"></cite></track></track><kbd id="ni7vs"></kbd><cite id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup></cite></cite><kbd id="ni7vs"></kbd><kbd id="ni7vs"></kbd><optgroup id="ni7vs"></optgroup><optgroup id="ni7vs"><cite id="ni7vs"><track id="ni7vs"><kbd id="ni7vs"></kbd></track></cite></optgroup><track id="ni7vs"><track id="ni7vs"></track></track><kbd id="ni7vs"></kbd><track id="ni7vs"></track><kbd id="ni7vs"></kbd><track id="ni7vs"></track><cite id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"></optgroup></kbd></cite><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></kbd></kbd><kbd id="ni7vs"></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></kbd></kbd><kbd id="ni7vs"><track id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></track></kbd> <kbd id="ni7vs"><track id="ni7vs"><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup></track></kbd><cite id="ni7vs"></cite><cite id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></cite><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><kbd id="ni7vs"></kbd><kbd id="ni7vs"></kbd><optgroup id="ni7vs"><optgroup id="ni7vs"><track id="ni7vs"><kbd id="ni7vs"></kbd></track></optgroup></optgroup><track id="ni7vs"><track id="ni7vs"></track></track><cite id="ni7vs"></cite><optgroup id="ni7vs"><optgroup id="ni7vs"><track id="ni7vs"><kbd id="ni7vs"></kbd></track></optgroup></optgroup><kbd id="ni7vs"><track id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></track></kbd><track id="ni7vs"></track><track id="ni7vs"><track id="ni7vs"><cite id="ni7vs"><kbd id="ni7vs"></kbd></cite></track></track><kbd id="ni7vs"></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><optgroup id="ni7vs"></optgroup><cite id="ni7vs"></cite><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"></optgroup></cite></kbd></kbd><track id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><cite id="ni7vs"></cite></cite></kbd></track><optgroup id="ni7vs"></optgroup><track id="ni7vs"><optgroup id="ni7vs"><kbd id="ni7vs"></kbd></optgroup></track><cite id="ni7vs"><cite id="ni7vs"><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup></cite></cite><optgroup id="ni7vs"><optgroup id="ni7vs"><kbd id="ni7vs"></kbd></optgroup></optgroup><cite id="ni7vs"><cite id="ni7vs"></cite></cite><track id="ni7vs"></track><optgroup id="ni7vs"><optgroup id="ni7vs"><kbd id="ni7vs"><kbd id="ni7vs"></kbd></kbd></optgroup></optgroup><track id="ni7vs"><track id="ni7vs"><cite id="ni7vs"><cite id="ni7vs"></cite></cite></track></track><cite id="ni7vs"><cite id="ni7vs"></cite></cite><kbd id="ni7vs"></kbd><kbd id="ni7vs"></kbd><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"></kbd><kbd id="ni7vs"><kbd id="ni7vs"><optgroup id="ni7vs"><optgroup id="ni7vs"></optgroup></optgroup></kbd></kbd><track id="ni7vs"><optgroup id="ni7vs"><cite id="ni7vs"><track id="ni7vs"></track></cite></optgroup></track><cite id="ni7vs"></cite><track id="ni7vs"></track><track id="ni7vs"><track id="ni7vs"></track></track><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"></cite></kbd></kbd><kbd id="ni7vs"></kbd><cite id="ni7vs"></cite><optgroup id="ni7vs"></optgroup><kbd id="ni7vs"><kbd id="ni7vs"></kbd></kbd><kbd id="ni7vs"><kbd id="ni7vs"><cite id="ni7vs"><cite id="ni7vs"></cite></cite></kbd></kbd><cite id="ni7vs"></cite></div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>