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验证正则表达式汇总
Nov 26 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
使用ionic播放轮询广告的实现方法(必看)
Apr 24 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
react路由配置方式详解
Aug 07 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
Dec 20 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 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和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
YII框架http缓存操作示例
2019/04/29 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
JavaScript 学习笔记之变量及其作用域
2015/01/14 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
js事件机制----捕获与冒泡机制实例分析
2020/05/22 Javascript
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
wxPython定时器wx.Timer简单应用实例
2015/06/03 Python
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2016/01/16 Python
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
Python爬取三国演义的实现方法
2016/09/12 Python
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
Python基于ThreadingTCPServer创建多线程代理的方法示例
2018/01/11 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
Python类继承和多态原理解析
2020/02/05 Python
Django实现celery定时任务过程解析
2020/04/21 Python
Python能做什么
2020/06/02 Python
python3.4中清屏的处理方法
2020/07/06 Python
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
求职简历的自我评价怎样写好
2013/10/07 职场文书
中国梦我的梦演讲稿
2014/04/23 职场文书
先进个人申报材料
2014/12/30 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python
python基础入门之普通操作与函数(三)
2021/06/13 Python