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 相关文章推荐
将两个div左右并列显示并实现点击标题切换内容
Oct 22 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
JS获取及验证开始结束日期的方法
Aug 20 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 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中使用memcache存储session的三种配置方法
2014/04/05 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
JS简单计算器实例
2015/01/20 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
使用python编写监听端
2018/04/12 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
python pandas模块基础学习详解
2019/07/03 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
python属于解释型语言么
2020/06/15 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
公司年会演讲稿范文
2014/01/11 职场文书
学校周年庆活动方案
2014/08/22 职场文书
销售工作决心书
2015/02/04 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL