Смена стилей CSS с запоминанием на Cookie
- 27 Апр 16 в 22:36
- Скрипты для uCoz
Суть заключается в том, что при нажатии на кнопку скрипт подгружает именно изменённые стили и выбор будет запоминаться.
Установка
Вставляем код в нужное место:
Код
<link id="change" rel="StyleSheet" href="" />
<script>
function changeCSS(url) {
if (!arguments.length) {
url = (url = document.cookie.match(/\bchange=([^;]*)/)) && url[1];
if (!url) return '';
}
document.getElementById('change').href = url;
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
document.cookie = ['change=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
return url;
}
changeCSS();
</script>
<script>
function changeCSS(url) {
if (!arguments.length) {
url = (url = document.cookie.match(/\bchange=([^;]*)/)) && url[1];
if (!url) return '';
}
document.getElementById('change').href = url;
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
document.cookie = ['change=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
return url;
}
changeCSS();
</script>
Вставляем HTML-код:
Код
<a onclick="changeCSS('http://site/css/klans.css')">Kanavas</a>
http://site/css/klans.css ссылку на стиль заменяем на свою.
Надеюсь, что все с скриптом понятно!
Источник: http://escode.ru/
Всего комментариев: (0)
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.
Случайные материалы
Делаем адаптивное меню с поддержкой
Необычная графа поиска
Кнопка вверх/вниз для uCoz
10 ресурсов для подбора стильных и
7 советов для успешной жизни от Мар
Изменение скролла