寻找一种风格切换器

Looking for a style swicher

本文关键字：一种 风格 切换器 寻找      更新时间：2023-09-26

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

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

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/

有人可以帮助我解释我如何适应这段代码，甚至鼓励我一些替代方案，我将不胜感激

提前感谢所有帮助我的人

没有饼干...

头部（样式）

<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>
相关文章：