Поскольку в примере от
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
});
});
});