怎么样用JS 去调用 外部文件夹里的 CSS来更换皮肤

JavaScript027

怎么样用JS 去调用 外部文件夹里的 CSS来更换皮肤,第1张

载入不同css(换皮肤效果)

function SetCookie(name,value){

var argv=SetCookie.arguments

var argc=SetCookie.arguments.length

var expires=(2<argc)?argv[2]:null

var path=(3<argc)?argv[3]:null

var domain=(4<argc)?argv[4]:null

var secure=(5<argc)?argv[5]:false

document.cookie=name+"="+escape(value)+((expires==null)?"":("expires="+expires.toGMTString()))+((path==null)?"":("path="+path))+((domain==null)?"":("domain="+domain))+((secure==true)?"secure":"")

}

function GetCookie(Name) {

var search = Name + "="

var returnvalue = ""

if (document.cookie.length >0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf("", offset)

if (end == -1)

end = document.cookie.length

returnvalue=unescape(document.cookie.substring(offset,end))

}

}

return returnvalue

}

var thisskin

thisskin=GetCookie("nowskin")

if(thisskin!="")

skin.href=thisskin

else

skin.href="style2.css"//此处设置你默认的一套css

function changecss(url){

if(url!=""){

skin.href=url

var expdate=new Date()

expdate.setTime(expdate.getTime()+(24*60*60*1000*30))

//expdate=null

SetCookie("nowskin",url,expdate,"/",null,false)

}

}

然后定义css文件

<link id="skin" rel="stylesheet" type="text/css"/>

再通过下面的方式让用户自行定义皮肤

<a href="javascript:changecss('style1.css')">风格1</a>

<a href="javascript:changecss('style2.css')">风格2</a>

从这段js代码来联想的话，应该就是检查 class=main-container这个div层是不是相对窗口固定。

以上代码实现的东西是，当用户拖拉切换顺序的时候，将顺序的JSON输出到顶部。

当然，在切换的时候，如果不是显示在顶部，而是发个AJAX去给数据库Update个顺序，那这种操作，就是刚买电脑的小学生都会灵活运用了。