我在做的是简单的。
你点击一个按钮(id =“主题”),它打开一个div(id =“themedrop”),向下滑动并列出主题。 (我这里只有两个)
<button id="original">Original</button><br /> <button id="grayscale">Grayscale</button>
现在当网站加载它加载与style1.css(主/原始主题)
<link rel="stylesheet" type="text/css" href="style1.css">
现在我想弄清楚的是…
我怎么可以这样,当灰度按钮被点击将样式表从style1.css更改为style2.css(注意:文件在同一目录中)
任何帮助将不胜感激。
解决方法
$('#grayscale').click(function (){ $('link[href="style1.css"]').attr('href','style2.css'); }); $('#original').click(function (){ $('link[href="style2.css"]').attr('href','style1.css'); });
给这个尝试,但不知道如果它会工作我没有测试它,但运气。