выглядит, когда вы нажимаете эти ссылки, я просто перезагружаю страницу с определенным стилем.
базовый пример может быть таким:
определение ваших стилей
<style>
.theam_red {background:gray;color:white}
.theam_yellow {background:yellow;color:red}
</style>
скрипт для изменения className
ОБНОВЛЕНИЕ : добавлены имена функций cookie, для работы куки-файла я использую cookie quirksmode
<script>
// при загрузке страницы получите cookie, если он существует, и примените предпочитаемый пользователем стиль, // вы также можете заблокировать страницу / замаскировать ее, пока страница не будет готова применить стиль, иначе ПОЛУЧИТЬ cookie и установить стиль с помощьюязык сервера приложений, например, PHP / JSP ...
window.onload = function (){
if(readCookie('theam')){
var bdy = document.getElementById('container').className = readCookie('theam');
}
}
function setStyle(whichStyle){
var bdy = document.getElementById('container');
switch (whichStyle){
case 1: bdy.className = "theam_yellow";
createCookie('theam','theam_yellow' ,365); //cookie function cookie, name, days
break;
case 2: bdy.className = "theam_red";
createCookie('theam','theam_red' ,365); // cookie function cookie, name, days
break;
}}}
</script>
, например, id для body tag и класс по умолчанию
<body id="container" class="theam_default">
<input type="button" value="yellow" onclick="setStyle(1)" />
<input type="button" value="Gray" onclick="setStyle(2)" />
</body>