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 showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
原生js实现旋转木马轮播图效果
Feb 27 Javascript
微信小程序网络请求的封装与填坑之路
Apr 01 Javascript
简化vuex的状态管理方案的方法
Jun 02 Javascript
vue 返回上一页,页面样式错乱的解决
Nov 14 Javascript
浅谈vue 多个变量同时赋相同值互相影响
Aug 05 Javascript
js实现随机点名
Jan 19 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
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
2018/12/03 Javascript
JavaScript Event Loop相关原理解析
2020/06/10 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python collections模块实例讲解
2014/04/07 Python
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
详解Python中的__new__、__init__、__call__三个特殊方法
2016/06/02 Python
python实现读Excel写入.txt的方法
2018/04/29 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
如何在python开发工具PyCharm中搭建QtPy环境(教程详解)
2020/02/04 Python
基于python爬取梨视频实现过程解析
2020/11/09 Python
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
写自荐信有哪些不宜?
2013/10/17 职场文书
股票投资建议书
2014/05/19 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书