从一个样式表淡出到另一个样式表

Question

我认为这可能只能用jQuery或JavaScript - 有人能告诉我是否有可能从一个样式表的样式淡化到另一个样式表？如果是这样，怎么会这样做？

谢谢！

Answer 1

这是我能想到的最佳方式：

$( body ).fadeOut( function() {
    // Switch the stylesheet
    // And then:
    $( this ).fadeIn();
} );

Answer 2

试试这个：

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>

最好的问候

Answer 3

您可以使用jquery动画。 但是您必须在animate命令中指定所有规则。