zoukankan      html  css  js  c++  java
  • 基于js的网页换肤(不需要刷新整个页面,只需替换css文件)

    1. [代码][JS]代码    
    <HTML>
    <HEAD>
    <link ID="skin" rel="stylesheet" type="text/css">
    <TITLE>换肤技术</TITLE>
    <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));
               }http://www.huiyi8.com/wenmixiezuo/
         }文秘写作
         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>
    </HEAD>
    <BODY>
    <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>
    </BODY>
    </HTML>

  • 相关阅读:
    ASP.NET Web API 控制器执行过程(一)
    ASP.NET Web API 控制器创建过程(二)
    ASP.NET Web API 控制器创建过程(一)
    ASP.NET Web API WebHost宿主环境中管道、路由
    ASP.NET Web API Selfhost宿主环境中管道、路由
    ASP.NET Web API 管道模型
    ASP.NET Web API 路由对象介绍
    ASP.NET Web API 开篇示例介绍
    ASP.NET MVC 视图(五)
    ASP.NET MVC 视图(四)
  • 原文地址:https://www.cnblogs.com/xkzy/p/3986170.html
Copyright © 2011-2022 走看看