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 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
angular.bind使用心得
Oct 26 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
js实现图片懒加载效果
Jul 17 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
ES6中Symbol、Set和Map用法详解
Aug 20 Javascript
vue router 动态路由清除方式
May 25 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
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
《星际争霸2》终章已出 RTS时代宣告终结
2017/02/07 星际争霸
php模板中出现空行解决方法
2011/03/08 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
jquery 图片上传按比例预览插件集合
2011/05/28 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
nodejs后台集成ueditor富文本编辑器的实例
2017/07/11 NodeJs
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
python中管道用法入门实例
2015/06/04 Python
python开发之tkinter实现图形随鼠标移动的方法
2015/11/11 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
python模拟实现斗地主发牌
2020/01/07 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
家长通知书家长意见
2014/12/30 职场文书
工程款催款函
2015/06/24 职场文书
庆七一晚会主持词
2015/06/30 职场文书