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的匿名函数小结
Dec 31 Javascript
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
JavaScript之数组(Array)详解
Apr 01 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 Javascript
浅谈js常用内置方法和对象
Sep 24 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
Feb 28 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
Nov 19 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
生产制造追溯系统之在线打印功能
Jun 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常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
jquery 上下滚动广告
2009/06/17 Javascript
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
js实现左右轮播图
2020/01/09 Javascript
js实现简单的打印表格
2020/01/15 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
python实现数通设备端口监控示例
2014/04/02 Python
用Python进行TCP网络编程的教程
2015/04/29 Python
python函数局部变量用法实例分析
2015/08/04 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
python json.dumps中文乱码问题解决
2020/04/01 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
毕业生怎样写好自荐信
2013/11/11 职场文书
积极分子思想汇报
2014/01/04 职场文书
乡镇科协工作总结2015
2015/05/19 职场文书
《风筝》教学反思
2016/02/23 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
python实现商品进销存管理系统
2022/05/30 Python