OECSPACE - Css style 教學「變換網頁樣式呈現不同風格(cookie)」
變換網頁樣式呈現不同風格(cookie)
透過 cookie 下次訪問依然可記錄上次選擇的樣式,
這個方式適合用在任何瀏覽器 。
首先製作可以展現網頁不同的風格樣式表,檔名分別為 style1.css 和 style2.css
下載必要的JS檔案.放置於網頁同一目錄內
<link rel="stylesheet" type="text/css" href="style.css" title="default">
<link rel="stylesheet" type="text/css" href="style1.css" title="style_one">
<link rel="stylesheet" type="text/css" href="style2.css" title="style_two">
<script type="text/javascript" src="styleswitcher.js"></script>
<a href="#" onclick="setActiveStyleSheet('default'); return false;">default</a>
<a href="#" onclick="setActiveStyleSheet('style_one'); return false;">style_one</a>
<a href="#" onclick="setActiveStyleSheet('style_two'); return false;">style_two</a>
- 第一行為您的預設樣式,步驟二 default 代表回到預設樣式
- 作者網站 : A List Apart