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等高的JS的实现代码
Dec 23 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
javascript中eval和with用法实例总结
Nov 30 Javascript
JavaScript 中有关数组对象的方法(详解)
Aug 15 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 Javascript
原生js中运算符及流程控制示例详解
Jan 05 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 07 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+javascript实现二级级联菜单的制作
2008/05/06 PHP
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
网上应用的一个不错common.js脚本
2007/08/08 Javascript
Prototype String对象 学习
2009/07/19 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
JQuery插入DOM节点的方法
2015/06/11 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
js Dom实现换肤效果
2017/10/21 Javascript
微信小程序实现下载进度条的方法
2017/12/08 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
Python 学习笔记
2008/12/27 Python
Django中URL视图函数的一些高级概念介绍
2015/07/20 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
解决Tensorboard 不显示计算图graph的问题
2020/02/15 Python
python 调用API接口 获取和解析 Json数据
2020/09/28 Python
办加油卡单位介绍信
2014/01/09 职场文书
高中地理教学反思
2014/01/29 职场文书
党员承诺书内容
2014/03/26 职场文书
个人求职自荐信范文
2014/06/20 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
周末问候语大全
2015/11/10 职场文书
5个实用的JavaScript新特性
2022/06/16 Javascript