Переход от одной таблицы стилей к другой

Я подумал, что это может быть возможно только с помощью jQuery или JavaScript - может кто-нибудь сказать мне, возможно ли переходить из одного стиля в другой? Если так, то как бы это сделать?

Спасибо!

 Jeff Watkins11 июн. 2012 г., 16:28
Я могу понять, почему это вызвало отрицательную реакцию, но, подумав об этом, на самом деле это довольно изящная и гибкая идея. У некоторых синтезаторов есть идея сцен. Куча настроек с числовыми значениями, вы можете затем по желанию переходить между сценами с заданной пользователем скоростью. Возможность передачи числовых значений между таблицами стилей будет выглядеть потрясающе. Я думаю, это должен быть собственный скрипт.
 Suraj Chandran11 июн. 2012 г., 16:27
возможный дубликатautomatic jquery stylesheet switcher
 DA.11 июн. 2012 г., 16:30
Хотя вы можете менять таблицы стилей, между ними нет никакой концепции анимации. Вы должны установить это вручную с помощью JS.
 Jeff Watkins11 июн. 2012 г., 16:32
Черт возьми, я собираюсь написать плагин для этого. Я могу представить это в моей голове. У CSS3 есть переходы, но я не думаю, что он вполне соответствует уровню сложности, который я себе представляю.

Ответы на вопрос(3)

Решение Вопроса

$( body ).fadeOut( function() {
    // Switch the stylesheet
    // And then:
    $( this ).fadeIn();
} );
 Jacques Blom11 июн. 2012 г., 18:08
Благодарю. Я буду использовать это как постоянное решение. Но есть ли способ исчезнуть непосредственно между двумя таблицами стилей?
 11 июн. 2012 г., 19:21
Нет, ничто не может рассчитать каждое правило всех таблиц стилей. Если бы он был, он был бы слишком вычислительным для использования.
 Jacques Blom12 июн. 2012 г., 17:48
Я бы так и подумал. Этот фрагмент кода также хорош. Это добавит приятное прикосновение к моему приложению.

JQuery:

$(document).ready(function() {
    $("a").click(function() {
        var rel = $(this).attr("rel");
        $('body').hide().fadeIn(1000);  
        $('head').append('<link rel="stylesheet" href="'+rel+'" type="text/css" />');
    });

});

HTML:

<ul>
    <li><a href="#" rel="layout.css">Change to layout 1</a></li>
    <li><a href="#" rel="layout2.css">Change to layout 2</a></li>
    <li><a href="#" rel="layout3.css">Change to layout 3</a></li>
</ul>

С уважением

Но вам нужно будет указать все правила в команде animate.

Ваш ответ на вопрос