我有一段时间是一个无法完成工作的大问题。
我无法实施风格的swicher工作。我最近尝试实现以下内容:
http://www.cssnewbie.com/jquery-popout-ad-part-3/#.UixD59L0Fe5,但是Cookie上使用的插件链接似乎有更多可用
http://designshack.net/articles/css-style-switcher/:我希望这种方法很简单,但是如果你点击链接,就会被重定向到服务器的主页,正如有些人在'article
的评论中所说的那样。我终于尝试了http://tympanus.net/codrops/2009/09/09/switching-styles-jquery-css-exchanger/:但我希望能够使用链接而不是选项标记
如果有人想要阅读最后一篇文章: jsfiddle.net/efvNZ /
某人可以帮助我解释我如何调整此代码甚至鼓励我一些替代,我会非常感激
提前感谢所有帮助我的人
答案 0 :(得分:1)
没有cookies ......
主管部分(样式)
<link href="/css/main.css" rel="stylesheet" title="main" media="screen">
<link href="/css/alt1.css" rel="alternate stylesheet" title="alt1" media="screen">
<link href="/css/alt2.css" rel="alternate stylesheet" title="alt2" media="screen">
<强>的JavaScript 强>
function changeStyle(title) {
var lnks = document.getElementsByTagName('link');
for (var i = lnks.length - 1; i >= 0; i--) {
if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
lnks[i].disabled = true;
if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
}
}
}
<强> HTML 强>
<span onclick="changeStyle('alt1')">1st Stylesheet</span>
<span onclick="changeStyle('alt2')">2nd Stylesheet</span>