您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JS版网站风格切换实例代码_javascript技巧

2024/2/26 9:14:48发布18次查看
样式表连接,设3种风格,把你要改变的图片背景等写入样式表。
复制代码 代码如下:
第一个是默认样式表。
脚本--作者:dynamicdrive.com
使用协议:http://www.dynamicdrive.com/notice.htm
复制代码 代码如下:
//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)
调用方法
复制代码 代码如下:
默认风格
橙色风格
蓝色风格
注意:title内容改成你样式表的名字,我这里是设定为5天。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product