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 相关文章推荐
使用JQuery进行跨域请求
Jan 25 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
May 08 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
深入理解ES6学习笔记之块级作用域绑定
Aug 19 Javascript
浅谈Vue响应式(数组变异方法)
May 07 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 Javascript
Vue实现省市区三级联动
Dec 27 Vue.js
vue使用element-ui按需引入
May 20 Vue.js
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中的float类型使用说明
2010/07/27 PHP
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
php递归创建目录的方法
2015/02/02 PHP
利用php生成验证码
2017/02/23 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
很好用的js日历算法详细代码
2013/03/07 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
BootStrap表单时间选择器详解
2017/05/09 Javascript
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
jQuery图片加载失败替换默认图片方法汇总
2017/11/29 jQuery
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020/08/31 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
[14:25]教你分分钟做大人:主宰(HEROS)
2014/12/08 DOTA
跟老齐学Python之变量和参数
2014/10/10 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
台湾线上百货零售购物平台:friDay购物
2017/08/18 全球购物
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
手术室护士自我鉴定
2013/10/14 职场文书
省优秀教师事迹材料
2014/01/30 职场文书
小学英语教学反思
2014/01/30 职场文书
年终考核实施方案
2014/05/26 职场文书
个人求职自荐信范文
2014/06/20 职场文书
小学四年级学生评语
2014/12/26 职场文书
2015年汽车销售经理工作总结
2015/04/27 职场文书
《狮子和鹿》教学反思
2016/02/16 职场文书
Redis如何实现验证码发送 以及限制每日发送次数
2022/04/18 Redis
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python