Как динамически изменить CSS-файл, используя только старую добрую моду jQuery! (это похоже на переключатель таблиц стилей jQuery!)
JQuery
$(document).ready(function() { $("#nav li a").click(function() { $("link").attr("href",$(this).attr('rel')); return false; }); }); ИЛИ (более сложная версия для динамического изменения файлов CSS)
$(document).ready(function() { if($.cookie("css")) { $("link").attr("href",$.cookie("css")); } $("#nav li a").click(function() { $("link").attr("href",$(this).attr('rel')); $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'}); return false; }); });
ИЛИ (версия, которая уменьшает мерцание, возникающее при обновлении этой страницы новыми символами CSS после того, как CSS обрезан с использованием относительного атрибута ссылки в HTML-коде).
if($.cookie("css")) { $("link").attr("href",$.cookie("css")); } $(document).ready(function() { $("#nav li a").click(function() { $("link").attr("href",$(this).attr('rel')); $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'}); return false; }); });
HTML
Html прост с файлами css и jQuery, загруженными как обычно в заголовке html.
Проверьте это! Вот пара ссылок, чтобы попробовать это для себя.