Ir para conteúdo
Fórum Script Brasil
  • 0

biblioteca jQuery UI


Freela5

Pergunta

1 resposta a esta questão

Posts Recomendados

  • 0

i aew Freela5, bom vou te mostrar o exemplo basicao saca só:

<html>
	<head>
		<link type="text/css" href="css/ui.all.css" rel="stylesheet" />
		<!--
			você precisa jogar o seguintes arquivos na mesma pasta do ui.all.css
			ui.tabs.css
			ui.theme.css
			ui.core.css
			ui.base.css
		-->
		<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="js/ui.core.js"></script>
		<script type="text/javascript" src="js/ui.tabs.js"></script>
		<script type='text/javascript'>	
			/*
				esse é o exmplo mais basico de tabs pode encontrar mais exemplos
				como uso de tabs via ajax, cache entre outros no site do jquery UI
			*/
			$( function() {
				$( "#tabs" ).tabs() ;
			} ) ;
		</script>
	</head>
	<body>
		<div id="tabs">
		<ul>
			<li><a href="#tabs-1">TAB 1</a></li>
			<li><a href="#tabs-2">TAB 2</a></li>
			<li><a href="#tabs-3">TAB 3</a></li>
		</ul>
		<div id="tabs-1">
			<p>Você está na tab 1.</p>
		</div>
		<div id="tabs-2">
			<p>Você está na tab 2.</p>
		</div>
		<div id="tabs-3">
			<p>Você está na tab 3.</p>
		</div>
	</div>

	</body>

</html>

segue o link com o exemplo que fiz, espero que ajude abraço!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...