Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Aba swipe Download

? - +
Navegação por abas toouch swipe
  1. Crie uma lista <ul> e <li>’s, onde cada item da lista será uma aba swipe
    • Envolva <ul> em uma div com a class ui_swipetab.
  2. Abaixo de ui_swipetab, crie uma nova lista<ul> e <li>’s.
    • Envolva o novo <ul> em uma div com a class ui_swipetabContent.
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Por padrão, as abas não terão permalink, pois sua relevância pode variar de acordo com os momentos de acesso. Exemplo: um conteúdo de aba visualizada em dois momentos: durante o compartilhamento do remetente e a visita do destinatário. Logo, faz mais sentido privilegiarmos a aba inicial, onde ficam as informações mais relevantes e atemporais.
    • Se achar necessário, gere o permalink para cada uma das abas. Para isso, insira o atributo data-link="true" em ui_swipetab. Dessa forma, é possível capturar a URL após clicar em uma aba, seja para compartilhar ou abrir através de um endereço específico.
    • Caso queira, altere o nome do parâmetro por meio do atributo data-link-name e informe o valor desejado em ui_swipetab.
    • Já o nome de cada aba pode ser alterado pelo atributo data-link-custom em cada li filho de ui_swipetab.
  1. Antes e depois da renderização das abas swipe, usuários avançados podem implementar funções do tipo callbefore e callback
    • Para isso, crie as funções callbefore_swipetab(xdi) e/ou callback_swipetab(xdi) e implemente as ações que irão ocorrer após a construção das abas swipe, onde xdi é o identificador do ui_swipetab.
  2. Também é possível implementar funções do tipo callbefore e callback após o clique nas abas
    • Para isso, crie as funções callbefore_swipetab_click(xdi,posicao) e/ou callback_swipetab_click(xdi,posicao) e implemente as ações que irão ocorrer após o clique em cada uma das abas, onde xdi é o identificador do ui_swipetab e posicao é a posição da aba corrente.
  3. Essas funções não são obrigatórias, ou seja, só serão executadas se existirem. Caso positivo, para evitar duplicidades, lembre-se de implementar as funções callbefore e/ou callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
Customizar


Quantidade de abas

Mostrar aba(s)

Caminho

Ao clicar na aba, a URL o caminho clicado. Padrâo: não exibir (false) Saiba mais
Os navegadores modernos são capazes de trocar a url em tempo de execução.
Uma vez habilitada, as abas geram links permanentes, facilitando o acesso ao conteúdo.
Habilte essa função e observe a barra de endereço do navegador ao clicar na aba.
O nome do parãmetro de URL será Padrâo: aba

O nome da 1ª aba será .
O nome da 2ª aba será .
O nome da 3ª aba será .
O nome da 4ª aba será .
O nome da 5ª aba será .
O nome da 6ª aba será .
O nome da 7ª aba será .
O nome da 8ª aba será .
O nome da 9ª aba será .
Tem certeza que deseja reiniciar todos os valores?

Resultado para Aba swipe