Use CSS para definir a forma como a área de conteúdo irá se comportar quando ele desliza e referências a classe que você criou Por exemplo :

body {

altura: . 100%;

width: 95%;

margin: 0; padding: 0; }

# wrapper {

width: 500% ;
altura

: 100%;

background- color: # eee ;

}

. item {

width: 400px ;
altura

: 300px ;

top : 20%;

margin: 0 auto;

fundo -color: # aaa ;

position: relative ;

}

Altere as variáveis ​​em cada elemento acima e adicionar ou remover elementos CSS adicionais , conforme necessário
< . br>
3

Escreva a função jQuery baseado em javascript que irá utilizar suas aulas para apresentar o conteúdo , tal como definido no arquivo CSS o exemplo a seguir com comentários mostra como você pode manipular as classes e áreas de conteúdo : .

$ (document) . ready (function () {

//obtém todos os links no painel de classe

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

//repor o link que você destaque e selecionados o item atual para redimensioná-la

atual = $ (this);

};