zoukankan      html  css  js  c++  java
  • 进度条jquery效果

    1.

    /*
    jQuery.loanPlanNum = function(tag,len) {
    var $loanPlan = jQuery(tag);
    for(var i = 0; i< $loanPlan.length; i++){
    var text = $loanPlan.eq(i).text();
    var index = text.lastIndexOf("%");
    text = text.slice(0,index);
    text = parseInt(text,10);
    text = Math.floor(text/10);
    var numLoan = text * len;
    $loanPlan.eq(i).html(text*10+"%");
    $loanPlan.eq(i).css({"backgroundPositionX": -numLoan + "px"});
    }
    };
    jQuery.loanPlanNum(".bidProgress","277");
    */

    2.


    (function($) {
    $.fn.progressBar = function(options) {
    var opts = $.extend(true, {},
    $.fn.progressBar.defaults, options);
    return this.each(function() {
    var $this = $(this);
    var text = $this.text(),
    index = text.lastIndexOf("%"),
    numLoan;
    text = text.slice(0,index);
    text = parseInt(text,10);
    text = Math.floor(text/10);
    numLoan =text*opts.barLength;
    $this.html(text*10+"%");
    $this.css({"backgroundPositionX": -numLoan + "px"});
    });
    };
    $.fn.progressBar.defaults = {
    barLength:230
    };
    })(jQuery);

  • 相关阅读:
    docker安装kafka
    Prometheus警报
    MongoDB介绍
    SpringMvc中几个注解
    无DNS安装VCSA
    互联网本质
    什么是领导力
    58沈剑_一分钟专栏
    以数据库思维理解区块链
    区块链的4个实际应用
  • 原文地址:https://www.cnblogs.com/dingyuanxin/p/4120285.html
Copyright © 2011-2022 走看看