< a href = classe " # example1 " = "pannello" < 1 > < /a>

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

< /div >

< /div >
2

usare i CSS per definire il modo in cui l'area del contenuto si comporterà quando scivoli e riferimenti alla classe che hai creato , ad esempio :

body {

altezza : 100 % ;
< p . > width: 95 % ;
margine

: 0 ; padding: 0 ; }

# wrapper di {

width: 500 % ;

altezza : 100 % ;

background-color : # eee ;

}

. articolo {

width: 400px ;
altezza

: 300px ;

top : 20 % ;
margine

: 0 auto ;

sfondo - color : # aaa ;
posizione

: . relativo;

}

cambiare le variabili in ogni elemento sopra e aggiungere o rimuovere ulteriori elementi CSS , se necessario
< . br>
3

Scrivi la funzione javascript jQuery -based che utilizzerà le classi per presentare i contenuti , come definito nel file CSS il seguente esempio con i commenti mostra come si possono manipolare le classi e le aree di contenuti :

$ (document) . ready ( function () {

//ottenere tutti i link nella classe pannello

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

//resettare il link che hai evidenziato e selezionato l'elemento corrente per ridimensionarlo

corrente = $ ( this);

} ;