Trucuri jQuery Schimbarea fisierului CSS

 

Schimbarea temei este o modalitate foarte buna de a varia imaginea paginii dumneavoastra web. Astfel, se pot schimba fisierele css pentru diferite rezolutii ale ecranului, sau pentru a permite utilizatorilor sa foloseasca o alternativa de background mai deschis, la un design foarte inchis, precum puteti vedea in imaginea de mai jos.

In primul rand trebuie sa introduceti urmatoarea secventa de cod in sectiunea a fisierului dumneavoastra HTML:

 

switching

 

<script type="text/javascript"> 
$(".styleswitch").click(function()
{ $('link[rel=stylesheet]').attr('href' , $(this).attr('rel')); });
</script>

Pentru a oferi utilizatorilor optiunea de a schimba fisierele .css, doar adaugati clasa styleswitch unui element html folosind atributul "rel" pentru a oferi calea fisierului respectiv. Cele mai folosite sunt elementele de tip <a>, precum puteti vedea in exemplul de mai jos:

 

<a href="#" class="styleswitch" rel="dark.css">Dark</a>

<a href="#" class=" styleswitch " rel="light.css">Light</a>

De exemplu, daca referinta catre fisierul dumneavoastra .css este facuta astfel:

 

<link rel="stylesheet" href="dark.css" type="text/css"> 

apasand pe al doilea link de mai jos, se va modifica DOM-ul astfel incat atributul "href" va lua valoarea light.css

Alex B.

0Comentarii la "Trucuri jQuery Schimbarea fisierului CSS"

Adauga Comentariu

Mesaj

Trimite