< /a >
< /div >
< /div >
2
Usar CSS para definir la forma en que el área de contenido se comportará cuando se desliza y las referencias a la clase que usted ha creado , por ejemplo :
body {
altura
: 100 % ;
< p . > anchura: 95 % ;
margen
: 0 ; padding : 0 ; }
# wrapper {
ancho
: 500 % ;
altura
: 100 % ;
background-color : # eee ;
}
. artículo {
ancho : 400px ;
altura : 300px ;
superior : 20 % ;
margen
: 0 auto ;
fondo - color: # aaa ;
posición : . relativa;
}
cambiar las variables en cada elemento de arriba y añadir o eliminar elementos CSS adicionales según sea necesario
< . br> 3
Escribir la función jQuery javascript basado en que utilizará sus clases para presentar contenido como se define en el archivo CSS el siguiente ejemplo con los comentarios muestra cómo se puede manipular las clases y áreas de contenido :
$ (document). ready ( function () {
//obtener todos los vínculos en el panel de clase
$ (' a.panel "). haga clic en (function ( ) {
//restablecer el vínculo que se ha resaltado y seleccionado el elemento actual para cambiar su tamaño
actual = $ ( this);
} ;
