一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JS版網(wǎng)站風格切換實例代碼

樣式表連接,設(shè)3種風格,把你要改變的圖片背景等寫入樣式表。
復(fù)制代碼 代碼如下:
<link media="screen" href="/css/default.css" rel="stylesheet" type="text/css" title="default" />
<link media="screen" href="/css/blue.css" rel="alternate stylesheet" type="text/css" title="blue" />
<link media="screen" href="/css/orange.css" rel="alternate stylesheet" type="text/css" title="orange" />

第一個是默認樣式表。
腳本--作者:dynamicdrive.com
使用協(xié)議:http://www.dynamicdrive.com/notice.htm
復(fù)制代碼 代碼如下:
//Style Sheet Switcher version 1.0 Nov 9th, 2005
//Author: Dynamic Drive: http://www.dynamicdrive.com
//Usage terms: http://www.dynamicdrive.com/notice.htm
function getCookie(Name) {
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
}
function setCookie(name, value, days) {
var expireDate = new Date()
//set "expstring" to either future or past date, to set or delete cookie, respectively
var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5)
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}
function deleteCookie(name){
setCookie(name, "moot")
}
function setStylesheet(title) {
var i, cacheobj
for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) {
if(cacheobj.getAttribute("rel").indexOf("style") != -1 && cacheobj.getAttribute("title")) {
cacheobj.disabled = true
if(cacheobj.getAttribute("title") == title)
cacheobj.disabled = false //enable chosen style sheet
}
}
}
function chooseStyle(styletitle, days){
if (document.getElementById){
setStylesheet(styletitle)
setCookie("mysheet", styletitle, days)
}
}
var selectedtitle=getCookie("mysheet")
if (document.getElementById && selectedtitle!=null) //load user chosen style sheet if there is one stored
setStylesheet(selectedtitle)

調(diào)用方法
復(fù)制代碼 代碼如下:
<a title="默認風格" href="Javascript:chooseStyle('default',5)">默認風格</a>
<a title="橙色風格" href="Javascript:chooseStyle('orange',5)">橙色風格</a>
<a title="藍色風格" href="Javascript:chooseStyle('blue',5)">藍色風格</a>

注意:title內(nèi)容改成你樣式表的名字,我這里是設(shè)定為5天。

JavaScript技術(shù)JS版網(wǎng)站風格切換實例代碼,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 88国产精品视频一区二区三区 | 国产激爽大片在线播放 | 美女视频黄是免费 | 中文字幕av一区二区三区 | 小视频在线观看免费 | 欧美大片a特激情刺激 | 国产三级毛片 | 四虎三级 | 天天视频免费入口 | julia一区二区三区中文字幕 | 狠狠入ady亚洲精品 狠狠色成人综合首页 | 免费黄色高清视频 | 精品国产91乱码一区二区三区 | 国产福利不卡 | 国产成人综合在线观看网站 | 欧美久草 | 97国产精品视频 | 国产免费午夜 | 欧美太黄太色视频在线观看 | 亚洲图片欧美文学小说激情 | 国内精品手机在线观看视频 | 激情久久婷婷 | 国产一区二区三区波多野吉衣 | 国产999在线观看 | 加勒比日本在线 | 一本中文字幕一区 | 在线观看免费午夜大片 | 日韩毛片免费视频一级特黄 | 激情六月天婷婷 | 色中文在线 | 国产成人亚洲精品2020 | 久久综合一 | 美女网站视频色 | 亚洲一区 在线播放 | 91精品福利一区二区三区野战 | 91网址在线播放 | 2020国产精品 | 美女网站黄免费 | 能在线观看的一区二区三区 | 免费国产成高清人在线视频 | 91福利视频免费观看 |