简单的持久样式表切换器

时间:2011-11-01 15:16:21

标签: javascript css cookies styleswitching

我需要帮助编写持久样式表切换器。我找到了一个article on ALA,但无论出于什么原因我都无法让它工作!

我有三个样式表,默认的一个用于布局,另外两个用户将在它们之间切换(调整颜色)。我稍后可能会添加一个用于打印,但我还没有。

可在此处找到样式切换器javascript文件http://www.alistapart.com/d/alternate/styleswitcher.js

我现在在我的页面<head>中有这个。

<script type="text/javascript" src="js/styleswitcher.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="alternate stylesheet" type="text/css" href="css/alt_style1.css" title="purple" />
<link rel="alternate stylesheet" type="text/css" href="css/alt_style2.css" title="red" />

我希望用户的选择存储在cookie中,以便记住它。

在我的<body>标记中选择不同样式表的链接如下所示。

<a href="#" onclick="setActiveStyleSheet('purple'); return false;">purple</a>
<a href="#" onclick="setActiveStyleSheet('red'); return false;">red</a>

我真的不知道我做错了什么。样式表不会改变。在这里看到它 - 或者不是这样的情况!

http://uni.michaelnorris.co.uk/

0 个答案:

没有答案