Un ejemplo común es: hay varios estilos de página en un sitio para que los visitantes puedan elegir.
Al mismo tiempo, después de seleccionar un determinado estilo, el estilo se mantendrá cuando se vuelva a abrir la página.
Naturalmente, me viene a la mente la tecnología Cookie
El siguiente es el código del programa:
<HTML>
<CABEZA>
<ID de enlace=skin rel=tipo de hoja de estilo=texto/css>
<TITLE>Tecnología de rejuvenecimiento de la piel</TITLE>
<IDIOMA DE ESCRITURA=javascript>
<!--
función SetCookie(nombre,valor){
var argv=SetCookie.argumentos;
var argc=SetCookie.argumentos.length;
var expira=(2<argc)?argv[2]:null;
var ruta=(3<argc)?argv[3]:null;
var dominio=(4<argc)?argv[4]:null;
var seguro=(5<argc)?argv[5]:falso;
document.cookie=nombre+=+escape(valor)+((expires==null)?:(; expires=+expires.toGMTString()))+((ruta==null)?:(; ruta=+ruta) )+((dominio==nulo)?:(; dominio=+dominio))+((seguro==verdadero)?; seguro:);
}
función ObtenerCookie(Nombre) {
var buscar = Nombre + =;
var valor de retorno = ;
si (documento.cookie.longitud > 0) {
desplazamiento = documento.cookie.indexOf(búsqueda);
si (desplazamiento! = -1) {
desplazamiento += búsqueda.longitud;
fin = documento.cookie.indexOf(;, desplazamiento);
si (fin == -1)
fin = documento.cookie.longitud;
valor de retorno = unescape (document.cookie.substring (desplazamiento, fin));
}
}
devolver valor de retorno;
}
var esta piel;
thisskin=GetCookie(ahoraskin);
si(esta piel!=)
skin.href=estapiel;
demás
piel.href=css.css;
función cambiocss(url){
si(url!=){
piel.href=url;
var expdate=nueva fecha();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
//Lo siguiente establece el tiempo de COOKIES en 1 año. Puede configurar el tiempo a voluntad.
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</SCRIPT>
</CABEZA>
<CUERPO>
<P>Seleccione el menú desplegable a continuación para probar el efecto de rejuvenecimiento de la piel</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>
<seleccionar onchange=cambiarcss(este.valor)>
<option>Seleccionar archivo de hoja de estilo</option>
<lenguaje de escritura=javascript>
var csss=nueva matriz();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
var i;
para(i=0;i<4;i++)
si(esta piel==csss[i])
document.write(<option value=/+csss[i]+/ seleccionado>+csss[i]+archivo de hoja de estilo</option>);
demás
document.write(<option value=/+csss[i]+/>+csss[i]+archivo de hoja de estilo</option>);
</script>
</seleccionar>
</CUERPO>
</HTML>