JavaScript+CSS换肤
JavaScript+CSS
Html
1. id , href
link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /
2. ( li onclick , )
ul id="skin"
li id="skin_0" title=" " /li
li id="skin_1" title=" " /li
li id="skin_2" title=" " /li
li i...
JavaScript+CSS
Html
1. id , href
link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /
2. ( li onclick , )
ul id="skin"
li id="skin_0" title=" " /li
li id="skin_1" title=" " /li
li id="skin_2" title=" " /li
li id="skin_3" title=" " /li
li id="skin_4" title=" " /li
li id="skin_5" title=" " /li
/ul
JavaScript
1.
// cookie, ,
skin.setSkin=function(n){
var skins =("skin").getElementsByTagName("li");
for (i=0;i0;i
2. cookie
// n cookie
skin.setCookie=function(n){
var expires=new Date();
expires.setTime(expires.getTime()+24*60*60*365*1000);
var flag="Skin_Cookie="+n;
document.cookie=flag+";expires="+expires.toGMTString();
}
//
skin.readCookie=function(){
var skin=0;
var mycookie=document.cookie;
var name="Skin_Cookie";
var start1=mycookie.indexOf(name+"=");
if(start1==-1){
skin=0;//
}
else{
var start=mycookie.indexOf("=",start1)+1;
var end=mycookie.indexOf(";",start);
if(end=-1){
end=mycookie.length;
}
var values= unescape(mycookie.substring(start,end));
if (values!=null)
{
skin=values;
}
}
return skin;
}
3.
skin.addEvent=function(){
var skins =("skin").getElementsByTagName("li");
for (i=0;i< PRE skins[i].onclick="function(){skin.setSkin(this.id.substring(5))};">
4.
window.onload=function(){
skin.setSkin(skin.readCookie());// cookie
skin.addEvent();//
本文档为【JavaScript+CSS换肤】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。