
数字不是图,是可以复制的那种,
代码:
<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那种,自己百度。。。