Um exemplo comum é: existem vários estilos de página em um site para os visualizadores escolherem.
Ao mesmo tempo, após selecionar um determinado estilo, o estilo ainda será mantido quando a página for aberta novamente.
Naturalmente, a tecnologia Cookie vem à mente
A seguir está o código do programa:
<HTML>
<CABEÇA>
<link ID=skin rel=stylesheet type=text/css>
<TITLE>Tecnologia de recapeamento da pele</TITLE>
<LINGUAGEM DO SCRIPT=javascript>
<!--
function SetCookie(nome,valor){
var argv=SetCookie.argumentos;
var argc=SetCookie.arguments.length;
var expira=(2<argc)?argv[2]:null;
var caminho=(3<argc)?argv[3]:null;
var domínio=(4<argc)?argv[4]:null;
var seguro=(5<argc)?argv[5]:false;
document.cookie=nome+=+escape(valor)+((expira==nulo)?:(; expira=+expira.toGMTString()))+((caminho==nulo)?:(; caminho=+caminho) )+((domínio==nulo)?:(; domínio=+domínio))+((seguro==verdadeiro)?; seguro:);
}
função ObterCookie(Nome) {
var pesquisa = Nome + =;
var valor de retorno = ;
if (document.cookie.length > 0) {
deslocamento = document.cookie.indexOf(pesquisa);
if (deslocamento! = -1) {
deslocamento += pesquisa.comprimento;
fim = document.cookie.indexOf(;, deslocamento);
se (fim == -1)
fim = documento.cookie.comprimento;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
retornar valor de retorno;
}
var esta pele;
thisskin=GetCookie(nowskin);
if(estapele!=)
skin.href=thispele;
outro
skin.href=css.css;
função alterarcss(url){
if(url!=){
skin.href=url;
var expdate=nova Data();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
//O seguinte define o tempo dos COOKIES para 1 ano. Você pode definir o tempo à vontade.
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</SCRIPT>
</HEAD>
<CORPO>
<P>Selecione o menu suspenso abaixo para testar o efeito de renovação da pele</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>
<selecione onchange=changecss(this.value)>
<option>Selecionar arquivo de folha de estilo</option>
<linguagem de script=javascript>
var csss=new Array();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
var eu;
para(eu=0;eu<4;eu++)
if(estapele==csss[i])
document.write(<option value=/+csss[i]+/ selecionado>+csss[i]+arquivo de folha de estilo</option>);
outro
document.write(<option value=/+csss[i]+/>+csss[i]+arquivo de folha de estilo</option>);
</script>
</selecionar>
</BODY>
</HTML>