用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

消费金额进度条

2013-06-27 作者: 云代码会员举报

[css]代码库

/*我的年度消费金额模块*/
 
        $(function () {
 
            var dangqian = $('.Avatar_r b').eq(1).html();
 
            var moneySpan = $('.money span');
 
            var moneyZero = $('.money .zero');
 
            var moneyEight = $('.money .eight');
 
            var moneyFiften = $('.money .fiften');
 
            var moneyThrity = $('.money .thrity');
 
            var moneytopdiv = $('.moneywarptop div');
 
 
 
 
            var spanmaxwidth = 693;
 
 
 
 
            $('.moneywarptop span').html(dangqian);
 
            toSpanWidth(parseInt(dangqian));
 
 
 
 
            function toSpanWidth(money) {
 
                if (money >= 0 && money < 800) {
 
                    moneySpan.width(money / 800 * 188);
 
                    moneyZero.removeClass('grey').addClass('yellow');
 
                    moneytopdiv.css("left", "69px").css("top", "-24px");
 
                }
 
                else if (money >= 800 && money < 1500) {
 
                    moneySpan.width((money - 800) / 700 * 188 + 224);
 
                    moneyZero.removeClass('grey').addClass('yellow');
 
                    moneyEight.removeClass('grey').addClass('yellow');
 
                    moneytopdiv.css("left", "286px").css("top", "-24px");
 
                }
 
                else if (money >= 1500 && money < 3000) {
 
                    moneySpan.width((money - 1500) / 1500 * 184 + 450);
 
                    moneyZero.removeClass('grey').addClass('yellow');
 
                    moneyEight.removeClass('grey').addClass('yellow');
 
                    moneyFiften.removeClass('grey').addClass('yellow');
 
                    moneytopdiv.css("left", "509px").css("top", "-24px");
 
                }
 
                else if (money == 3000) {
 
                    moneySpan.width(640);
 
                    moneyZero.removeClass('grey').addClass('yellow');
 
                    moneyEight.removeClass('grey').addClass('yellow');
 
                    moneyFiften.removeClass('grey').addClass('yellow');
 
                    moneyThrity.removeClass('grey').addClass('yellow');
 
                    moneytopdiv.css("left", "509px").css("top", "-24px");
 
                }
 
                else {
 
                    moneySpan.width(spanmaxwidth);
 
                    moneyZero.removeClass('grey').addClass('yellow');
 
                    moneyEight.removeClass('grey').addClass('yellow');
 
                    moneyFiften.removeClass('grey').addClass('yellow');
 
                    moneyThrity.removeClass('grey').addClass('yellow');
 
                    moneytopdiv.css("left", "509px").css("top", "-24px");
 
                }
 
            }
 
        });


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...