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 相关文章推荐
完美解决AJAX跨域问题
Nov 01 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
AngularJS基础 ng-mousemove 指令简单示例
Aug 02 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
Oct 27 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 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自定义函数之递归删除文件及目录
2010/08/08 PHP
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
jquery中:input和input的区别分析
2011/07/13 Javascript
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
目前最全的python的就业方向
2018/06/05 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
python使用正则来处理各种匹配问题
2019/12/22 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
华为python面试题
2016/05/03 面试题
临床医师个人自我评价
2014/04/06 职场文书
公司合作协议范文
2014/10/01 职场文书
员工旷工检讨书
2015/08/15 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers