我正在尝试找到能够调用样式表更改 5 秒或设定时间然后返回默认值的最佳方法。但我希望它淡出风格然后淡出默认。
jQuery('head').append('<link id="skinstyle" rel="stylesheet" href="css/style.'+s+'.css" type="text/css" />').fadeto(2000);
这就是我现在正在尝试做的事情,但它只是改变不褪色。
这可能吗?
2件事:
.fadeTo()
函数设置不透明度。喜欢.fadeTo(miliseconds, opacity)
.fadeTo()
仅适用于视觉元素,您不能fade
使用 a <link>
、 a<script>
或 a<meta>
fadeTo() 只是改变元素的不透明度,我假设你试图做的是用不同的 CSS 规则替换给定的 CSS 选择器(类等)并动画变化。因此,如果某个类的高度从 100 像素变为 200 像素,您将动画显示两者之间的差异。
不幸的是,您需要依靠 animate() 来执行此类操作,并且它不适用于此类链接的 CSS 元素。jQuery 本身没有任何功能可以满足您的需求。
但是,我可能会提出一个替代方案。如果您使用 jQueryUI 提供的适当扩展,您可以使用 switchClass() 方法来更改具有动画属性的元素类。尽管在这种情况下,您需要实际更改类名称,而不仅仅是使用新样式表覆盖类属性。