< div id = " mask >

< div id = " example1 "

< a name = " example1 " < />

< div example1 " = class " een class = "content " > example1

< a href = " # example1 " class = " panel " < 1 > < /a >

< a href = " # example2 " class = " panel " < 2 > < /a >

< /div >

< /div >
2

Gebruik CSS aan de manier waarop de content gebied zal gedragen definiëren als het dia's en referenties van de klasse die je hebt gemaakt bijvoorbeeld :

body {

hoogte
: 100 % ;

width : 95 % ;

marge
: 0 ; padding : 0 ;

}

# wrapper
{

breedte
: 500 % ;

hoogte
: 100 % ;

achtergrond - kleur bestellen: # eee ;

}

. item {

width
: 400px ;

hoogte
: 300px ;

top : 20 % ;

marge
: 0 auto ;

achtergrond | - color: # aaa ;

positie
: . relatieve ;

}

Wijzig de variabelen in elk element boven en toevoegen of verwijderen van extra CSS elementen als nodig
< . br > Goedkope 3

Schrijf de javascript - based jQuery functie die zal gebruik maken van uw klassen om inhoud te presenteren zoals gedefinieerd in de CSS-bestand het volgende voorbeeld met commentaar laat zien hoe je de klassen en de inhoud gebieden kunnen manipuleren :

$ ( document ) . ready ( function ( ) {

//verkrijgen van alle schakels in de klas panel

$ ( ' a.panel ' ) . click (function ( ) {

//reset de link die u gemarkeerd en geselecteerd het huidige item om het

stroom = $ (this ) op het formaat ;

} ;