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 相关文章推荐
手把手教你自己写一个js表单验证框架的方法
Sep 14 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
自动最大化窗口的Javascript代码
May 22 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
Jan 24 Javascript
jQuery 选择器详解
Jan 19 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 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桌面中心(四) 数据显示
2007/03/11 PHP
php 301转向实现代码
2008/09/18 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
php 微信开发获取用户信息如何实现
2016/12/13 PHP
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
2011/04/12 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
2019/03/04 Javascript
Vue 2.0 侦听器 watch属性代码详解
2019/06/19 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
python切换hosts文件代码示例
2013/12/31 Python
Python装饰器实现几类验证功能做法实例
2017/05/18 Python
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
Python实现代码统计工具
2019/09/19 Python
Python中对象的比较操作==和is区别详析
2021/02/12 Python
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
Deichmann英国:德国鞋类零售商
2021/01/30 全球购物
出纳员的岗位职责
2014/02/22 职场文书
党校培训自我鉴定范文
2014/03/20 职场文书
企业文化理念标语
2014/06/10 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
护士工作失误检讨书
2014/09/14 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
公司更名通知函
2015/04/24 职场文书