一看就明白的图片懒加载插件lazyload，直接demo
<!doctype html>
<html>
<head>
<title>lazyload</title>
<style type="text/css">
.lazy {
width:60px;
height: 60px;
}
</style>
</head>
<body>
<!-- 参考地址https://github.com/jieyou/lazyload
layzeload需要设置宽度高度，可以写在css文件里， -->
<!-- 最好把需要懒加载的img，都定义成一个类，方便使用，原理其实就是
滚动的时候把data-original的地址替换到src里面啊 -->
<img class="lazy" data-original="/MySecond\public\img/logo.jpg" src="test">
<!-- 引入jquery，和lazyload文件 -->
<script type="text/javascript" src="/MySecond\public/js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="/MySecond\public/js/lazyload.min.js"></script></body>
<!-- 调用lazyload -->
<script type="text/javascript">
$(".lazy").lazyload();
</script>
</body>
</html>
1516
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
