Javascript 从一个样式表淡入另一个样式表

我想这可能只适用于jQuery或JavaScript——有人能告诉我是否有可能从一个样式表的样式淡入另一个样式表吗？如果是的话，人们会怎么做

---

谢谢大家!

您可以使用jquery动画。

---

但您必须在animate命令中指定所有规则。

这是我能想到的最好方法：

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

试试这个：

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" />');
    });

});

$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
var rel=$（this.attr（“rel”）；
$（'body'）.hide（）.fadeIn（1000）；
$（'head'）。追加（''）；
});
});

HTML:

我可以理解为什么这会遭到否决，但仔细想想，这实际上是一个非常简洁灵活的想法。有些合成器有场景的概念。一组带有数值的设置，然后您可以按照用户定义的速率在场景之间随意转换。在样式表之间转换数值的能力看起来很神奇。虽然你可以交换样式表，但是两者之间没有动画的概念。你必须通过JS手动设置。该死的，我要写一个插件来实现这一点。我能在脑海中想象它。CSS3有转换，但我认为它没有我想象的那么复杂。谢谢。我将把它作为一个永久的解决方案。但是有没有一种方法可以在两个样式表之间直接淡出呢？没有，没有任何方法可以计算所有样式表的每一条规则。如果有的话，那就太复杂了，我会这么想的。这个代码片段也很棒。它将为我的应用程序添加一个漂亮的触感。

<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>