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>

  • 相关阅读:
    如何制作a2sd+
    WinForm/Silverlight多线程编程中如何更新UI控件的值
    c#如何操作cookie
    Windows Mobile CookieContainer
    Microsoft.Practices.EnterpriseLibrary.Data 数据库操作
    获取手机卡imei和imsi信息
    winform 分页控件
    asp.net 导出数据到Excle
    asp.net异步调用
    shell脚本中常用命令
  • 原文地址:https://www.cnblogs.com/xkzy/p/3986170.html
Copyright © 2011-2022 走看看