zoukankan      html  css  js  c++  java
  • jquery预加载显示百分比

    jquery预加载显示百分比
    <pre>
    <img class="bj loadimg" loadimg="/weiqingshu/images/1/bj.jpg"/>
    </pre>

    <script type="text/javascript" src="/caigeci/js/jquery.imgpreload.min.js"></script>
    <pre>
    imgNum=0;
    var load_img = [];
    /*$('.loadimg').each(function () {
    var loadimg=$(this).attr('loadimg');
    load_img.push(loadimg);
    })*/
    load_img.push( '/caigeci/images/answer0.jpg' );
    load_img.push( '/caigeci/images/answer1.jpg' );
    /*ss*/
    jQuery.imgpreload(load_img, {
    each: function () {
    /*this will be called after each image loaded*/
    var status = $(this).data('loaded') ? 'success' : 'error';
    if (status == "success") {
    var v = (parseFloat(++imgNum) / load_img.length).toFixed(2);
    console.log(Math.round(v * 100) + "<sup>%</sup>");
    }
    },
    all: function() {
    console.log('全部加载完成');
    /*$('.loadimg').each(function () {
    var loadimg=$(this).attr('loadimg');
    $(this).attr('src',loadimg);
    })*/
    }
    });
    </pre>

    ps:加载的文件个数 /全部文件个数 的百分比就是进度

  • 相关阅读:
    关于需求转化的事情
    自由邮件的配置
    广告数据关联CS后台数据
    向新同事学习,如何配置邮件
    渠道映射等关系
    机器学习基本概念
    家政业务系统常识
    SAP APO
    SAP Web Dynpro
    SAP Web Dynpro-监视应用程序
  • 原文地址:https://www.cnblogs.com/newmiracle/p/11871502.html
Copyright © 2011-2022 走看看