寻找风格切换器

时间:2013-09-08 09:39:51

标签: javascript jquery html css twitter-bootstrap

我有一段时间是一个无法完成工作的大问题。

我无法实施风格的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 /

某人可以帮助我解释我如何调整此代码甚至鼓励我一些替代,我会非常感激

提前感谢所有帮助我的人

1 个答案:

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