lazyload图片延迟加载-创新互联

成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的雨城网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！>

<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://js.static.m1905.cn/core/jquery-edge.min.js"></script>
<script src="http://js.static.m1905.cn/core/seed.js"></script> 
<script src="http://js.static.m1905.cn/core/app.lite.min.js"></script>
    


<style type="text/css">
    ul li{width:162px; height: 230px; margin-top:20px; text-align: center;}
</style>

</head>
<body>
  <ul>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150210040409914251.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150206023316128193.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150210040703449909.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150205102229362443.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150115101740139470.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150225045058680991.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_162_241_20150212111654208443.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_153_213_20141222092403179920.jpg"/></li>
    <li><img class="load" src="/upload/otherpic8/lazyImg.gif" data-lazysrc="/upload/otherpic8/thumb_1_153_213_20141210103250766127.jpg"/></li>
  </ul>

    <script type="text/javascript">
        $(function(){
            M.use(['http://js.static.m1905.cn/ui/lazyload'],function(){
var lazyload = M.ui.Lazyload,
                    imgs= $( '.load' ),
                    loader;
if(imgs.length > 0){
                    loader= new lazyload( imgs ,{
                        effects :"fade"
                    });
                }
            });
            
        });
</script>
</body>
</html>

网站名称：lazyload图片延迟加载-创新互联
分享网址：https://www.cdcxhl.com/article34/ddjese.html

成都网站建设公司_创新互联，为您提供Google、静态网站、动态网站、自适应网站、网站改版、网站设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容