zoukankan      html  css  js  c++  java
  • 延时加载lazyload

    引入js

    <script src="jquery.1.6.4.js" type="text/javascript"></script>

    <script src="loadlazy.js" type="text/javascript"></script>

    <script type="text/javascript"> 

     $(document).ready(function(){

        $("img").lazyload({

            placeholder : "http://www.580zhao.com/template/shop/images/clear.gif",

            effect : "fadeIn"

        });

    })

    <div class="warp">

    <div><img src="http://img03.taobaocdn.com/tps/i3/T1eVX9Xh8AXXXXXXXX-120-160.jpg" alt=”独立” height="201"></div>

    <div><img src="http://img01.taobaocdn.com/tps/i1/T1IkOlXdtKXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://img03.taobaocdn.com/tps/i3/T10JumXmtTXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://img01.taobaocdn.com/tps/i1/T1WBKhXa0bXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://img01.taobaocdn.com/tps/i1/T1nGF9Xh8vXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://img03.taobaocdn.com/tps/i3/T1eVX9Xh8AXXXXXXXX-120-160.jpg" alt=”独立” height="201"></div>

    <div><img src="http://img01.taobaocdn.com/tps/i1/T1IkOlXdtKXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://img03.taobaocdn.com/tps/i3/T10JumXmtTXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://img01.taobaocdn.com/tps/i1/T1WBKhXa0bXXXXXXXX-120-160.jpg" alt=”独立”></div>

    <div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

    <div><img src="http://img01.taobaocdn.com/tps/i1/T1nGF9Xh8vXXXXXXXX-120-160.jpg" alt=”独立”></div>

     </div>

  • 相关阅读:
    spring @component的作用详细介绍
    @Scheduled(cron = "0/5 * * * * *")将时间改为配置
    java项目里classpath具体指哪儿个路径
    返回前多少行数据
    Gson的基本使用
    JSON.toJSONString中序列化空字符串遇到的坑
    指定JSON.toJSONString中实体类属性的输出顺序
    Javascript实现的图片隐写术
    IntelliJ IDEA 快捷键终极大全
    ECMAScript 6 入门
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2183296.html
Copyright © 2011-2022 走看看