ureech, жми кнопки макс!!!)))
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>
<style type="text/css">
.blg{
background: #1060BF;
}
.def{
background: #9B0E14;
}
.gray{
background:#363636 ;
}
</style>
<script>
function set_class(cls)
{
document.getElementById('header').className = cls;
localStorage.cls = cls
}
window.onload = function ()
{
var cls = localStorage.cls;
cls && set_class(cls)
}
</script>
<script type="text/javascript">
$(function(){
var $inp = $('input'), $img = $('#header img');
$inp.click(function(){
var indx = $inp.index(this);
indx == 2 ? grayscale($img) : grayscale.reset($img)
});
});
</script>
</head>
<body>
<h1 id="header"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="">Вот так</h1>
<input type='button' style="background:#1060BF" value='Test' onclick="set_class('blg')">
<input type='button' style="background:#9B0E14" value='Test' onclick="set_class('def')">
<input type='button' style="background:#363636" value='Test' onclick="set_class('gray')">
</body>
</html>