分享
  • 收藏
  • 举报
    X
    让数字一直变化怎么弄?不是图
    • 誰¹⁸⁸⁹²²⁸⁸⁹⁸⁸ 消费10元 2019-06-17 16:51 16:51
    994
    9

    数字不是图,是可以复制的那种,

    8
    赏礼
    赏钱
    收藏
    点击回复
        全部留言
    • 9
    • snscn 普通粉丝 消费:1862.35元 2019-06-17 17:27 17:276楼

      代码:

      <div id="modalCalculatePrice" class="yusuan fr">
            <div class="tit">你家的装修预算<span class="js-total">99552</span>元</div>
            <ul>
              <li class="js-rg">人工费:<span>39780</span>元</li>
              <li class="js-cl">材料费:<span>59772</span>元</li>
              <li class="js-zx">杂项费:<span>0</span>元</li>
            </ul>
          </div>
      
      <script type="text/javascript">    
      //价格动态
      $(function () {
          var budget = [[146400, 58500, 87900, 0], [89792, 35880, 53912, 0], [78080, 31200, 46880, 0], [82960, 33150, 49810, 0], [99552, 39780, 59772, 0], [85888, 34320, 51568, 0]];
          var budgetEl = [$('.js-total'), $('.js-rg').find('span'), $('.js-cl').find('span'), $('.js-zx').find('span')];
      
          setInterval(function () {
              var _budget = budget[Math.round(Math.random() * (budget.length - 1))];
              budgetEl.forEach(function (be, i) {
                  be.text(_budget[i]);
              });
          }, 500);
      	
      	
          // modal
          $('#modalCalculatePrice .j-slider').find('.j-value').css('left', 120 / 300 * 100 + '%').html(120 + '㎡');
          $('#modalCalculatePrice .j-slider').slider({
              range: 'min',
              value: 120,
              max: 300,
              slide: function (event, ui) {
                  var totle = ui.value * 500;
                  // $('.js-total').html(totle + '元');
                  // $('.js-rg').html('人工费:' + parseInt(totle * 0.35) + '元');
                  // $('.js-cl').html('材料费:' + parseInt(totle * 0.65) + '元');
                  $(this).find('.j-value').css('left', ui.value / 300 * 100 + '%').html(ui.value + '㎡');
              },
              change: function (event, ui) {
      
              }
          });
      
      
      });  
      </script>

      js:


      誰¹⁸⁸⁹²²⁸⁸⁹⁸⁸ 消费:10元 2019-06-18 14:39
      出不来啊
      snscn 消费:1862.35元 其他手机 2019-06-18 15:04
      @誰¹⁸⁸⁹²²⁸⁸⁹⁸⁸ 好像有结合jQuery,两个月前仿的站有这个。忘记了。
      誰¹⁸⁸⁹²²⁸⁸⁹⁸⁸ 消费:10元 2019-06-18 15:05
      算了,不会
    0 赏钱 赏礼回复
    • snscn 普通粉丝 消费:1862.35元 2019-06-17 17:19 17:19
      其他手机
      6楼
      一般这玩意儿,就是做的一个gif动画。
      snscn 消费:1862.35元 其他手机 2019-06-17 17:20
      不是图就是固定的几个数字轮播
      誰¹⁸⁸⁹²²⁸⁸⁹⁸⁸ 消费:10元 2019-06-18 15:02
      图片数字有限,会停止啊
    0 赏钱 赏礼回复
    • 糖拌米饭灬 程序开发者 消费:565.21元 2019-06-17 18:31 18:316楼

      弄个js特效,随机数字,弄个定时脚本随机。如果要那张从1跑到10000那种,自己百度。。。

    0 赏钱 赏礼回复
    • selon 程序开发者 消费:1403.01元 2019-06-17 17:00 17:006楼

      不明白诉求

    0 赏钱 赏礼回复
    更多回复
    恢复多功能编辑器
  • 3 1
  • 推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648