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中Array 对象相关的几个方法
Dec 22 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
iframe实用操作锦集
Apr 22 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
node.js中的fs.openSync方法使用说明
Dec 17 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
JQuery和HTML5 Canvas实现弹幕效果
Jan 04 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
jQuery zTree插件快速实现目录树
Aug 16 jQuery
el-table树形表格表单验证(列表生成序号)
May 31 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
PHP与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
Destoon模板制作简明教程
2014/06/20 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
php递归函数怎么用才有效
2018/02/24 PHP
jquery 指南/入门基础
2007/11/30 Javascript
javascript 有趣而诡异的数组
2009/04/06 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
Python操作Access数据库基本步骤分析
2016/09/19 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
Django 静态文件配置过程详解
2019/07/23 Python
对Django中的权限和分组管理实例讲解
2019/08/16 Python
python绘制动态曲线教程
2020/02/24 Python
Python插件机制实现详解
2020/05/04 Python
Python jieba库分词模式实例用法
2021/01/13 Python
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
后勤部长岗位职责
2013/12/14 职场文书
行政求职信
2014/07/04 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
幼师个人总结范文
2015/02/28 职场文书
2015年电话客服工作总结
2015/05/18 职场文书
2015年教师国培感言
2015/08/01 职场文书
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL