-4

我有一段时间无法完成我的工作。

我无法实现样式切换器的工作。我最近尝试实现以下内容：

http://www.cssnewbie.com/jquery-popout-ad-part-3/#.UixD59L0Fe5，但是cookie上使用的插件的链接，似乎有更多可用

http://designshack.net/articles/css-style-switcher/：这种方法我本来希望它简单，但是如果你点击链接，你会被重定向到服务器的主页，正如一些人在'文章的评论

我终于尝试了http://tympanus.net/codrops/2009/09/09/switching-styles-jquery-css-exchanger/：但我想要一些适用于链接而不是选项标签的东西

如果有人想阅读最后的 jsfiddle：jsfiddle.net/efvNZ/

有人可以帮助我解释如何修改此代码，甚至鼓励我做一些替代方案，我将不胜感激

提前感谢所有帮助我的人

4

1 回答 1

1

没有饼干...

头部（样式）

<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>
于 2013-09-08T12:04:20.573 回答