jQuery-plugin-lazyload

Posted cyany_blue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-plugin-lazyload相关的知识,希望对你有一定的参考价值。

用法整理:

下载地址:https://github.com/tuupola/jquery_lazyload

参考文档:http://appelsiini.net/projects/lazyload/

能实现图片在在到达他指定位置的时候加载出来

注意点:图片文件的引入是放在data-original="img/bmw_m1_hood.jpg"属性上

<script src="jquery-3.2.1.min.js"></script>
	<script src="jquery.lazyload.min.js"></script>
<script>
		$(function () {
			$(".pic1").lazyload();
		})
	</script>

  

<p>adjskaldjlsksajdlka.....
...................</p>
<img data-original="img/bmw_m1_hood.jpg" class="pic1">
	<img data-original="img/bmw_m3_gt.jpg" class="pic1">
	<img data-original="img/bmw_m1_side.jpg" class="pic1">

  

以上是关于jQuery-plugin-lazyload的主要内容,如果未能解决你的问题,请参考以下文章

代码片|水波纹

代码片--练习匿名内部类

一个简单的时间片轮转内核代码的分析(课程作业)

markdown 放代码片

代码片-下拉树实现

用java给html文件添加必要的控制html代码片