Главная » Файлы » Прочие скрипты » jQuery

Переключение стилей на jQuery
22.06.14, 20:17:44

Скачать файл




Сейчас набрёл на рдин замечательный скрипт, при помощи которого можно переключаться между несколькими стилями, а это означает, что фактически через него можно осуществить функцию переключения нескольких дизайнов на одном сайте. К тому же у скрипта есть замечательная возможность запоминать выбранный стиль при переходе с одной странице на другую smile

Для начала посмотрите ДЕМО

Установка:

В head на нужных страницах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/styles1.css" title="styles1" media="screen" />  
<link rel="alternate stylesheet" type="text/css" href="/css/styles2.css" title="styles2" media="screen" />  
<link rel="alternate stylesheet" type="text/css" href="/css/styles3.css" title="styles3" media="screen" />  
<script type="text/javascript" src="/js/styleswitch.js"></script>


Далее код самого переключателя - вставляйте в любое удобное для вас место:
Код
<ul>  
<li><a href="/?style=style1" rel="styles1" class="styleswitch">styles1</a></li>  
<li><a href="/?style=style2" rel="styles2" class="styleswitch">styles2</a></li>  
<li><a href="/?style=style3" rel="styles3" class="styleswitch">styles3</a></li>  
</ul>

Всё! В архиве вложены три тестовых стиля и скрипт. Стили залейте в папку css, скрипт - в папку js

Удачи! smile

Категория: jQuery | Добавил: Apocalypse | Теги: JQuery, стилей, переключение, на
Просмотров: 406 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: