数字不是图,是可以复制的那种,
代码:
<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:
弄个js特效,随机数字,弄个定时脚本随机。如果要那张从1跑到10000那种,自己百度。。。