Скрин:
Скрипт позволит вам сменить CSS при нажатии с сохранением в cookes.
Установка: Вставляем в HEAD
Код
<link id="dyncss" rel="stylesheet" type="text/css" href="">
<script type="text/javascript">
function setDynCSS(url) {
if (!arguments.length) {
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
if (!url) return '';
}
document.getElementById('dyncss').href = url;
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
return url;
}
setDynCSS();
</script>
Кнопки для переключения.
Вставляем после
Код
<img style="cursor:pointer;" src="http://paradis.ucoz.net/Bilder/MenjuSchapka/KnopkaSmenaFona.png" onclick="setDynCSS('1.css')">
<img style="cursor:pointer;" src="http://paradis.ucoz.net/Bilder/MenjuSchapka/KnopkaSmenaFona.png" onclick="setDynCSS('2.css')">
1.css и 2.css меняем на свои ссылки к css.
Ссылку на переключатель фона http://paradis.ucoz.net/Bilder/MenjuSchapka/KnopkaSmenaFona.png при желании меняем на свою.
Или вот ещё один вариант
Код
<script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" href="';
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}}
var Lmem=getcookie("changeStyle");clearSet(Lmem);
</script>
<style type="text/css">
#changeStyle img{border:solid 2px transparent;}
.STYLselect {border-color:red!important;}
</style>
<div id="changeStyle" style="top: 177px; left: 3px; position:fixed!important;">
<img src="http://paradis.ucoz.net/Bilder/MenjuSchapka/KnopkaSmenaFona.png" alt="/FonSaita/my1.css"/>
<br>
<img src="http://paradis.ucoz.net/Bilder/MenjuSchapka/KnopkaSmenaFona.png" alt="/FonSaita/my2.css"/>
<br>
<br>
</div>
<script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>