动态CSS站点教程:多页面样式提供浏览器选项
看在cnbruce的博客风格的即时编码。回到副本中感觉很好。该示例是:在一个站点上有多个页面样式以提供浏览器选择。同时,在选择一种样式之后,当它再次打开页面时,它仍然保持这种样式。自然,我们会想到cookie技术。
换肤技术
<!——
功能setcookie(名称、值){
var argv = setcookie.arguments;
var argc = setcookie.arguments.length;
VaR到期=(2<argc)argv { 2 }:空;
VaR路径=(3<argc)argv { 3 }:空;
VaR域=(4<argc)argv { 4 }:空;
无功安全=(5<argc)argv { 5 }:假;
文件。饼干=姓名+=+逃跑(价值)+((到期= = null):((到期=+ expires.togmtstring()))+((路径= = null):((路径=+路径))+((域= = null)(;域= ))+(();*:)。
}
功能getcookie(name){
var搜索= name + ;
VaR值= ;
如果(document.cookie.length > 0){
偏移量= document.cookie.indexof(搜索);
如果(偏移量)!= 1){
search.length偏移;
结束= document.cookie.indexof(;
如果(结束= 1)
结束= document.cookie.length;
unescape值=(document.cookie.substring(偏移、结束));
}
}
返回指定的;
}
Var thisskin;
thisskin = getcookie(nowskin );
如果(thisskin!
href = thisskin皮肤;
其他的
皮肤。href =CSS使用。;
功能changecss(URL){
如果(URL)!){
皮肤。href =网址;
无功expdate =新的日期();
expdate.settime(expdate.gettime()+(24 * 60 * 60 * 1000 * 30));
/ / expdate = null;
1年的cookie设置,不要设置此时间。
setcookie(nowskin
}
}
请选择下面的下拉菜单来测试皮肤效果
css.css
css1.css
css2.css
css3.css
选择样式单一文件
VaR CSSS =新的数组();
CSSS { 0 } =CSS使用。;
CSSS { 1 } =CSS1。CSS;
CSSS { 2 } =CSS2使用。;
CSSS { 3 } =CSS3的使用。;
var i;
对于(i = 0;i < 4;i +)
如果(thisskin = = CSSS {我})
document.write(+ CSSS {我} +样式单文件);
其他的
document.write(+ CSSS {我} +样式单文件);