< /a >
< /div >
< /div >
2
bruk CSS å definere den måten at innholdet området vil oppføre seg når det lysbilder og referanser klassen at du har opprettet for eksempel : en
body {
height: 100 % ;
< p . > width : 95 % ;
margin : 0 ; padding: 0 ;
}
# wrapper {
bredde : 500 % ;
høyde: 100 % ;
background- color: # eee ;
}
. item {
bredde : 400 piksler;
høyde: 300px ;
topp: 20 % ;
margin : 0 auto ;
bakgrunn - color: # aaa ;
stilling : . relative ;
}
Endre variablene i hvert element ovenfor og legge til eller fjerne flere CSS elementer som nødvendig
< . br >
3
Skriv javascript -basert jQuery funksjon som vil bruke klasser for å presentere innhold som definert i CSS-filen følgende eksempel med kommentarer viser hvordan du kan manipulere klasser og innhold områder :
$ (dokument) . klar ( function () {
//innhente alle leddene i klassen panel
$ (' a.panel ') . klikk ( function () {
//tilbakestille link som du markert og valgt gjeldende element for å endre størrelsen
current = $ (denne) ;
};
