<label>
<input type="checkbox">
<img src="notchecked">
<img src="checked">
</label>
[type=checkbox] {display: none}
[type=checkbox] + img { display: block;}
[type=checkbox] + img + img { display: none;}
[type=checkbox]:checked + img { display: none;}
[type=checkbox]:checked + img + img { display: block;}
$(window).scroll(function(){
var $body = $("body");
if ( $(this).scrollTop() > 'высота до div25 минус высота div10'){
$body.addClass("fixed");
} else if($(this).scrollTop() <= 'высота до div25 минус высота div10' && $body.hasClass("fixed")) {
$body.removeClass("fixed");
}
});
body.fixed .div25 { position: fixed;}