生活随笔
收集整理的這篇文章主要介紹了
图片懒加载解决方案 lazyload.js
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!doctype?html>??<html>??<head>??<meta?charset="utf-8">??<title>懶加載</title>??<meta?content="max-age=0"?http-equiv="Cache-Control"?/>??<meta?content="320"?name="MobileOptimized"?/>??<meta?content="YES"?name="apple-touch-fullscreen"?/>??<meta?content="yes"?name="apple-mobile-web-app-capable"?/>??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>??<meta?name="viewport"?content="width=device-width,?initial-scale=1.0,?minimum-scale=1.0,?maximum-scale=1.0,?user-scalable=no">??<link?rel="stylesheet"?type="text/css"?href="css/cyc.css">??????<script?src="js/jquery-2.0.3.min.js"></script>??????<script?src="js/jquery.lazyload.min.js"?type="text/javascript"></script>??????<script?type="text/javascript"?charset="utf-8">??????????????$(function()?{??????????$("img.lazy").lazyload({effect:?"fadeIn",threshold?:?200});??????});??????</script>??</head>??<body>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="images/a1.jpg"?/></a>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="images/a2.jpg"?/></a>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="images/a3.jpg"?/></a>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="http://www.yjz9.com/uploadfile/2014/1009/20141009042740145.jpg"?/></a>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="http://www.yjz9.com/uploadfile/2014/1009/20141009042741784.jpg"?/></a>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="http://www.yjz9.com/uploadfile/2014/1009/20141009042742539.jpg"?/></a>??????<a?href="http://blog.csdn.net/xuelang532777032"><img?class="lazy"?alt=""?width="640"?height="480"?data-original="http://www.yjz9.com/uploadfile/2014/1009/20141009042743810.jpg"?/></a>??????????????????</body>??</html>??
轉(zhuǎn)載于:https://www.cnblogs.com/zjpzjp/p/5813134.html
總結(jié)
以上是生活随笔為你收集整理的图片懒加载解决方案 lazyload.js的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
