javascript实现动态CSS换肤技术的脚本


Posted in Javascript onJune 29, 2007

<SCRIPT LANGUAGE=javascript>    
<!--    
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="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;    
                                  //以下设置COOKIES时间为1年,自己随便设置该时间..    
          SetCookie("nowskin",url,expdate,"/",null,false);    
    }    
}    
//-->    
</SCRIPT> 
<P>请选择下面的下拉菜单测试换肤效果</P>   

<a href=# onclick="changecss('css.css')">css.css</a>   
<a href=# onclick="changecss('css1.css')">css1.css</a>   
<a href=# onclick="changecss('css2.css')">css2.css</a>   
<a href=# onclick="changecss('css3.css')">css3.css</a>   
<br>   

<select onchange="changecss(this.value)">   
<option>选择样式单文件</option>   
<script language="javascript">   
var csss=new Array();    
csss[0]="css.css";    
csss[1]="css1.css";    
csss[2]="css2.css";    
csss[3]="css3.css";    
var i;    
for(i=0;i<4;i++)    
    if(thisskin==csss[i])    
          document.write("<option value=\""+csss[i]+"\" selected>"+csss[i]+"样式单文件</option>");    
    else    
          document.write("<option value=\""+csss[i]+"\">"+csss[i]+"样式单文件</option>");    
</script>   
</select>  

Javascript 相关文章推荐
利用javascript移动div层-javascript 拖动层
Mar 22 Javascript
javascript 进度条 实现代码
Jul 30 Javascript
json对象转字符串如何实现
Dec 02 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
JS简单获取及显示当前时间的方法
Aug 03 Javascript
JS基于面向对象实现的多个倒计时器功能示例
Feb 28 Javascript
详解Vue单元测试case写法
May 24 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
写一个Vue loading 插件
Nov 09 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 Javascript
javascript之锁定表格栏位
Jun 29 #Javascript
javascript之解决IE下不渲染的bug
Jun 29 #Javascript
JavaScript与C# Windows应用程序交互方法
Jun 29 #Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 #Javascript
javascript之函数直接量(function(){})()
Jun 29 #Javascript
javascript延时重复执行函数 lLoopRun.js
Jun 29 #Javascript
JavaScript 编程引入命名空间的方法
Jun 29 #Javascript
You might like
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHPMYADMIN导入数据最大为2M的解决方法
2012/04/23 PHP
php生成shtml类用法实例
2014/12/09 PHP
WordPress中用于获取搜索表单的PHP函数使用解析
2016/01/05 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
vue根据进入的路由进行原路返回的方法
2018/09/26 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
跟老齐学Python之Python文档
2014/10/10 Python
python实现ipsec开权限实例
2014/11/11 Python
详解C++编程中一元运算符的重载
2016/01/19 Python
详解Python网络爬虫功能的基本写法
2016/01/28 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
Python3如何判断三角形的类型
2020/04/12 Python
python mysql中in参数化说明
2020/06/05 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
高校自主招生自荐信
2013/12/09 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
学生会主席演讲稿
2014/04/25 职场文书
计算机软件专业求职信
2014/06/10 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
社区党的群众路线教育实践活动总结材料
2014/10/31 职场文书
建党伟业观后感
2015/06/01 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
美容院管理规章制度
2015/08/05 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
Python的这些库,你知道多少?
2021/06/09 Python