Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos
a sua colabora��o.
Os doadores receber�o material que n�o consta do site diretamente no e-mail. Programas, Simulados, Tutoriais,
Dicas, etc.
Tutoriais JQuery - 15
Tutorial para Criar Conte�dos com Guias
Nesse tutorial vamos mostrar como criar conte�do utilizando abas ou guias.
Uma �nica �rea de conte�do com v�rios pain�is, cada um associado a um cabe�alho em uma lista.
Exemplo 1:
Nesse exemplo vamos criar conte�do padr�o com apenas tr�s guias. Clique nas guias para alternar entre o conte�do dividido
em se��es l�gicas.:
Resultado:
Veja na imagem o resultado desse c�digo:
Exemplo 2:
Esse exemplo funciona da mesma forma que o anterior, s� que voc� n�o precisa clicar na aba para acessar o conte�do, basta
passar o cursor sobre a mesma.
Alterne se��es abertas/fechadas ao passar o mouse com a op��o de evento. O valor padr�o para o evento � "clique".
Resultado:
Veja na imagem o resultado desse c�digo:
Exemplo 3:
Nesse exemplo voc� vai poder criar novas guias, criar o t�tulo e o seu respectivo conte�do utilizando o bot�o 'Criar Guia'. Tamb�m poder� remover qualquer
guia clicando no 'x' � direita da guia. O conte�do pode ser copiado de qualquer fonte e colado no conte�do da guia.
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris.
Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.
Vivamus sed magna quis ligula eleifend adipiscing.
