Показать сообщение отдельно
  #3 (permalink)  
Старый 11.02.2017, 01:59
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

http://codepen.io/CSSKing/pen/vEeMey -на css реализовано, интересный довольно таки способ.
А вот тебе из соседней темы. как на моем сайте. http://codepen.io/anon/pen/vgQrKJ

или же вот так можно спасибо РОНИ. его творение! работает в паре с jquery.countTo.js
$(function() {
	var chec = $(".div :checkbox"),
	price = 0;

	function count(el, from, to) {
		$(el).countTo({
			from: from,
			to: to,
			speed: 200,
			refreshInterval: 50,
			formatter: function(value, options) {
				return value.toFixed(0)
			}
		})
	}

	function costCalculator() {
		var sum = 0;
		var self = this;
		chec.each(function(indx, elem) {
			var el = $(elem).parents(".class").find(".div span");
			var from = elem.checked ? 0 : +elem.value;
			var to = elem.checked ? +elem.value : 0;
			sum += to;
			elem == self && count(el, from, to)
		});
		count("#result", price, sum);
		price = sum
	}
	chec.on("change",costCalculator)
});

Последний раз редактировалось j0hnik, 11.02.2017 в 02:07.
Ответить с цитированием