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 相关文章推荐
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
搭建vscode+vue环境的详细教程
Aug 31 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
详解JavaScript类型判断的四种方法
Oct 21 Javascript
解决vuex刷新数据消失问题
Nov 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
Discuz 5.0 中读取纯真IP数据库函数分析
2007/03/16 PHP
PHP的基本常识小结
2013/07/05 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
Javascript拓展String方法小结
2013/07/08 Javascript
intro.js 页面引导简单用法 分享
2013/08/06 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
javascript this详细介绍
2016/09/19 Javascript
zTree获取当前节点的下一级子节点数实例
2017/09/05 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
nodejs中方法和模块用法示例
2018/12/24 NodeJs
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
Python数据结构之单链表详解
2017/09/12 Python
利用Opencv中Houghline方法实现直线检测
2018/02/11 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
python中如何写类
2020/06/29 Python
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
即兴演讲稿
2014/01/04 职场文书
自荐信需注意事项
2014/01/25 职场文书
说明书怎么写
2014/05/06 职场文书
公司投资建议书
2014/05/16 职场文书
实习生矿工检讨书
2014/10/13 职场文书
python运算符之与用户交互
2022/04/13 Python
Python开发五子棋小游戏
2022/05/02 Python