Показать сообщение отдельно
  #8 (permalink)  
Старый 05.12.2016, 13:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,137

Поскольку в примере от Rise все условия одинаковые, предложу еще такую модификацию

$(document).ready(function() {
	var $a7 = $('#a7');
	var colors = ['#ffffff', '#252525'];
	var $window = $(window);
	var arr=[
		{n: 5.245, typ: 0},
		{n: 5.545, typ: 1}, 
		{n: 6.315, typ: 0}, 
		{n: 7.215, typ: 1},
		{n: 8.888, typ: 0}
	];
	$window.scroll(function() {
		var top = $window.scrollTop();
		var height = $window.height();
		var color;
		var index = 1;
		for (var i=0; i<arr.length; i++) {
			if (top < height * arr[i].n) {
				index = arr[i].typ;
				break;
			}
		};
		color = colors[index];
		$a7.css({// #ffffff.png, #252525.png, ...
			'background-image': 'url(' + color + '.png)',
			'border-color': color
		});
	});
});

Последний раз редактировалось ksa, 05.12.2016 в 13:48.
Ответить с цитированием