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 相关文章推荐
Prototype Template对象 学习
Jul 19 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
Nov 20 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
将list转换为json失败的原因
Dec 17 Javascript
JavaScript判断undefined类型的正确方法
Jun 30 Javascript
AngularJs 常用的过滤器
May 15 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 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
PHP默认安装产生系统漏洞
2006/10/09 PHP
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
深入理解用mysql_fetch_row()以数组的形式返回查询结果
2013/06/05 PHP
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
图片img的src不变让浏览器重新加载实现方法
2013/03/29 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
2018/05/30 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
Python 数据结构之旋转链表
2017/02/25 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
python装饰器实例大详解
2017/10/25 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
python 自动识别并连接串口的实现
2021/01/19 Python
html5使用canvas画空心圆与实心圆
2014/12/15 HTML / CSS
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
MYSQL支持事务吗
2013/08/09 面试题
运动会开幕式邀请函
2014/02/03 职场文书
户外活动总结范文
2014/04/30 职场文书
岗位职责说明书
2014/05/07 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
以权谋私检举信范文
2015/03/02 职场文书
项目战略合作意向书
2015/05/08 职场文书
单位病假条范文
2015/08/17 职场文书
《去年的树》教学反思
2016/02/18 职场文书
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python