WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Path Style Menu

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu de estilo de caminho

Este é um menu multi-nível inspirado pelo Caminho UI 2.0, que tem o céu subido rapidamente a aplicação Caminho na loja App, provando que uma interface de usuário diferente pode realmente dar-lhe a borda em um mercado competitivo com produtos similares.

Quando o usuário pressiona ou clica no botão, itens de menu expandir e se colocam ao redor do botão principal formando um arco, um círculo, alinhar horizontalmente ou verticalmente. Para fechar o menu o usuário precisa tanto seleciona uma das opções apresentadas ou pressione o botão principal novamente.

Se vários níveis são aninhados, em seguida, clicar em um sub-menu irá produzir o botão voltar permitindo que o usuário voltar ao menu de seleção anterior.




Mudança de log segue:

  • 29/05/2013 changeset 3,7
  • Corrigido o menu de estilo arco no iOS, onde o menu foi agitado ao rolar a página. Agora ele rola junto com a página sem problemas.
  • Erro fixo do menu de linha onde a itens de menu alinhamento ficou distorcida se barras de rolagem estavam presentes na página.
  • Foi adicionada uma nova opção para permitir a parada de um menu variado de entrar em colapso ao clicar na janela do documento.
  • Os itens de menu poderia ser visto viajar a partir da borda superior da tela no sentido em que o botão principal senta. Isso foi corrigido. Agora que a página carregar tudo que você vê é o mainbutton. Item de botões expandir e são visíveis apenas após clicar no botão principal.
  • 2013/09/01 changeset 3.6
  • As versões minified não funcionou bem quando definir as dimensões de ícone e algumas outras propriedades através JavaScript. Isto é corrigido agora
  • No Firefox, houve um lampejo ao expandir o menu, enquanto este foi fixas antes que manteve subindo em versões posteriores, fixa-lo neste momento uma vez por todas!
  • botão principal agora gira a 360deg total por padrão vs o 180º de versões anteriores
  • 26/11/2012 Changeset 3,5
  • Corrigido um problema em dispositivos sensíveis ao toque, onde o menu em linha não estava mostrando a todos. Uma mudança na versão anterior quebrou isso, corrigido agora.
  • Corrigido o posicionamento dos itens de submenu quando havia 1 ou 2 itens de submenu ao todo. Os itens de menu permaneceriam parcialmente coberto pelo botão principal.
  • Assegurou que o menu não fica escondida por acidente, ou seja, você acabar escolhendo o menu no seu CSS ao criar layouts design responsivo e escondendo-o. Observou alguns temas que fazem isso, não deve ser um problema agora.
  • 19/11/2012 Changeset 3.4
  • Clicando nos botões irá agora permitir tempo suficiente para a animação para completar antes de navegar para o URL de destino
  • Quando o menu carrega pela primeira vez, você vê-lo em movimento, uma vez que se esconde atrás do botão principal. Isso não foi intencional. Agora ele só carrega para trás o período botão principal.
  • inconsistências fixos na documentação.
  • 22/10/2012 Changeset 3.3
  • Nova documentação em formato pdf
  • Adicionado suporte para a criação url diretamente ao definir os itens. Não há necessidade de escrever qualquer código para a navegação, contanto que você forneceu a url, a navegação é automática. Isso faz com que a criação de navegação muito fácil e não requer manualmente assinando eventos, se alguém quiser fornecer apenas a navegação.
  • Adicionado suporte para abrir a URL em uma nova guia, o padrão é falso.
  • Removido o requisito para definir ícones url em css. Agora você pode configurar todo o menu em javascript ou fazer as coisas como antes. Você vai ter que dar uma olhada na nova documentação.
  • Versões anteriores exposta uma única onSelecteditem que disparou para qualquer botão clicado. Este é um motivo de confusão, como você, em seguida, teve de filtrar manualmente os botões de interesse. Pelo amor de clareza que agora expor eventos separados em vez disso:
    1. onMainButtonClick-fogo quando o botão principal é clicado
    2. onParentButtonClick-acionado quando um item pai é clicado
    3. onBackButtonClick-fogo quando o botão Voltar é clicado
    4. onItemButtonClick-fogo para um botão de item de menu
  • Fixa uma incoerência com a expansão automática do menu no carregamento da página.
  • Mudou a forma id estavam de saída pelo componente. Esta mudança quebrar compatibilidade com versões anteriores nesta versão. As pessoas que usam CSS para estilizar os botões, que também foi o padrão nas versões anteriores, vai querer prefixar o ID de menu com o identificador de botão de menu ou seja, previamente, se tivessem este:
     # menuitem0 { background: url ( 'imagens../ / photo.png') no-repeat; } # MenuItem1 { background: url ( 'imagens../ / people.png') no-repeat; } 
    agora é:
     # menu1_menuitem0 { background: url ( 'imagens../ / photo.png') no-repeat; } # menu1_menuitem1 { background: url ( 'imagens../ / people.png') no-repeat; } 
    onde menu1 é o ID do seu menu.
  • O elemento de recipiente agora tem um tamanho padrão que é o tamanho do botão principal. Anteriormente, deixou esta responsabilidade sobre o usuário, mas isto adicionado mais espaço para confusão e mais passos manuais para fazer a comportar menu de inline como seria de esperar que ele. Este é agora tratadas pelo menu internamente.
  • 10/01/2012 Changeset 3.2
  1. enableUrlHash agora é false por padrão. Para usar este recurso você tem que configurá-lo manualmente para true por exemplo {enableUrlHash: true} passado como uma opção para o construtor menu.
  2. Ao passar um conjunto simples de valores de cadeia para a propriedade items por exemplo: {itens: "Menu 1", "Menu 2 ',' Menu 3 '} vs o formato muito mais rico, o parâmetro de valor passado para o manipulador de eventos onSelectedItem transformou-se nula. Isto é corrigido agora.
  3. quando um item de menu está ativa (ou seja clicado), que recolhe os itens do menu, todos juntos, clicando no documento novamente expande o menu com o elemento clicado não mostrar. O menu não deve expandir nem deve o elemento clicado ser escondido. Este é um erro devido ao elemento clicado sendo escondido via da opacidade. É corrigido agora.
  4. Adicionado margem padrão e estofamento em botão principal. Isto é para assegurar que a terceira parte CSS na página não afecta o menu.
  5. Adicionado suporte para abrir automaticamente o menu no carregamento da página. Para habilitar isso, você tem que definir expandida: true
  6. Adicionado suporte para recolher automaticamente o menu depois de ter sido expandido automaticamente no carregamento da página. Para isso, você tem que definir o valor expandTimeout para o número de milissegundos de espera.
  7. Adicionado suporte para etiquetas. Você pode ativar esse recurso adicionando showLabel: verdadeiro, e um rótulo é exibido ao lado do ícone. O texto da etiqueta é fornecido através da propriedade título.
  • 2012/08/15 Changeset 3.1
  • -Este Atualização resolve a maioria quaisquer problemas IE8 e IE7. Uma lista de correções:
  • IE7 e IE8 correções de compatibilidade:
    • ao clicar no documento e elementos estavam em um estado expandido, eles não estavam se desmoronou. Isto é corrigido agora.
    • Todas as demonstrações on-line usado querySelector. Isso quebra no IE8 (modo Compatbility).
    • Adicionado um polyfill para querySelector e [].forEach. Isso só está afetando a demonstração on-line no IE8. Fixo.
    • Adicionado um polyfill para String.trim
    • Corrigido o método dispose que sufocou no IE8
  • Outros problemas:
    • Adicionado suporte de encomendas de alta z-index para o menu quando estiver no modo em linha.
    • flicker fixa em transição css3 no firefox, onde a animação foi agitado e lento.
    • Adicionado um elo perdido na documentação.
  • 2012/08/10 Changeset 3.0
  • Adicionado suporte para atracar no menu no canto superior esquerdo,, Direita Canto superior e inferior canto direito. Anteriormente, tivemos o apoio apenas para o canto inferior esquerdo. Agora vamos apoiar encaixe em todos os 4 cantos da tela.
  • Docking está agora devidamente apoiada no android 4.0 ++ como ele suporta css posição fixa bem. Ele deve funcionar de forma semelhante em iOS 5 (se não denunciá-lo, obrigado).
  • Adicionado suporte para inlining o menu.
  • Nós agora suportam 11 estilos diferentes de colocar para fora o menu:
    1. PathMenu.ExpandPattern.circle
    2. PathMenu.ExpandPattern.lineTop
    3. PathMenu.ExpandPattern.lineRight
    4. PathMenu.ExpandPattern.lineBottom
    5. PathMenu.ExpandPattern.lineLeft
    6. PathMenu.ExpandPattern.lineMiddleHorizontal
    7. PathMenu.ExpandPattern.lineMiddleVertical
    8. PathMenu.ExpandPattern.leftBottomFixedArc
    9. PathMenu.ExpandPattern.leftTopFixedArc
    10. PathMenu.ExpandPattern.rightBottomFixedArc
    11. PathMenu.ExpandPattern.rightTopFixedArc
  • Adicionado suporte para várias instâncias do menu
  • Adicionado suporte para conteúdo textual nos botões.
  • Adicionado suporte para máscaras de imagem.
  • Estendeu a api e exposto novos métodos e propriedades, especificamente aqueles que você pode usar para adicionar itens de menu dinamicamente. Consulte a documentação para os detalhes. Além disso, nós também adicionamos um novo laboratório de demonstração para apresentar cenários mais complexos, como adicionar itens de menu em tempo de execução.
  • 6/12/2012 Changeset 1,9
  • Corrigido um erro na dispositivos portáteis onde o addressbar não foi compensado. Isto resultou no menu não fazer nada durante uma operação de toque.
  • Adicionado uma ordem z-index padrão para garantir que o menu é sempre acima de todos os outros elementos da página onde ele reside.
  • 2012/05/19 chagneset 1,8
  1. Reforçada a curva
  2. Adicionado suporte para o menu do fecho ao clicar no documento. Este é apenas para desktop. Em dispositivos de toque habilitado você tem que usar o botão para fechar.
  3. Adicionado suporte para dicas de ferramentas. Isto só está disponível na área de trabalho (dispositivos não-toque ativado). verifique a documentação sobre como obter dica de ferramenta em seus itens de menu.
  4. manipulador onSelectedItem agora inclui a itens do menu título clicado bem, que é passado nos argumentos retornos de chamada.
  5. Mídia consultas. Agora você pode passar uma lista de larguras de janela de exibição para o controle por exemplo: [{ 'minWidth': 640, 'maxWidth': 1024}] e vai tornar-se se esta condição é satisfeita pela requerente dispositivo / browser.
  6. espessura da barra de rolagem horizontal não foi compensada quando colocar o menu no canto inferior esquerdo da janela. Isto é corrigido agora.
  7. A maioria maior recurso ainda como tem sido solicitado mais vezes é que agora temos um plugin wordpress (já apresentado para comentário).
  • 2012/05/19 Changeset 1,8:
  1. posicionamento fixo bug onde se você tivesse apenas um único item do menu e com a curva adequada configurá-lo ainda permanecem escondidos por trás do menu principal.
  2. de referência fixo somente (modo de depuração) gerador de elemento de hierarquia em que um item de menu extra foi incluído na saída.
  3. Corrigido um bug que afetou multi-navegação. Basicamente, quando você teve mais de 1 sub nível em mais de um item de menu, haveria uma confusão.
  4. Corrigido um bug que afetou o primeiro item do menu. ao clicar no primeiro item do menu que não iria escalar para fora quando se deslocar para fora de vista como os outros.
  5. Agora os ícones reposicionar-se quando navega de uma submenu para outro. Isso permite que os ícones para manter seu arco como itens de menu podem variar em número de submenu para o submenu.
  • 2012/05/15 Aviso: 1,8 (em breve)
  • 2012/04/28 Changeset: 1,7
  • Fixos pequenos bugs do IE.
  • Adicionado nova página de demonstração on-line e incluído com pacotes fonte.
  • Adicionado suporte para símbolos de hash. Agora, se enableUrlHash é verdade (false por padrão), então quando você clica em um item de menu que é comando vai ficar colado na url, assim como na nova demo online.
  • 2012/04/26 Changeset: 1,6
  • Quando submenu do expandiu a transição foi irregular. Fixo.
  • Opera Mini perdeu transições suaves quando nós atualizado para 1.5. Isto é corrigido agora.
  • O ícone do botão voltar usada uma seta em 1,5; Isto não se presta muito bem para efeitos de rotação. Para compensar isso, tinha incrementado a rotação, mas que não era muito bom. Temos agora diminuiu a rotação volta a ser como era e mudou o ícone para algo muito melhor.
  • Documentou um recurso de depuração que vai imprimir a sua estrutura de menus para que você possa ver o que id do seu menu de olhar como para facilitar seus esforços de desenvolvimento. Isso está documentado no passo a passo.
  • Atualizado o arquivo walkthrough.html encontrado na pasta casa para trazer a velocidade com as mudanças recentes.
  • Expôs um novo método toggleMainButton. Isto pode ser combinado com o método toggleMenuExpansion.
  • 2012/04/24 changeset 1.5:
  • Nós agora suportam submenus multi-nível.
  • A API permanece consistente com versões anteriores.
  • documentação adicional para submenus multi-nível. É parte do seu download na página de explicação passo a passo.
  • Esta é realmente uma grande mudança e a base de código sofreu uma reescrita parcial. Apreciar!
  • 2012/04/17 Changeset 1.4
  • bug toque fixa em dispositivos portáteis
  • Corrigido um erro no método Dispose
  • -agora limpeza apropriada está ocorrendo quando o menu é descartado.
  • 04/16/2012 Changeset 1.3
  • set_curve exposta (valor) Método público
  • piscar de olhos expostos () Método público
  • No seguinte local ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Adicionado Uma demonstração extra no index.html que mostra definindo o padrão de curva dos itens de menu sub.
  • -Adicionado Um tutorial passo a passo, tornando muito mais fácil para o usuário final.
  • -Adicionado Uma página de demonstração que inclui apenas o menu reduzindo as chances de distração.
  • 2012/04/15 Mudança definir 1.2
  • Expostos método público: toggleMenuExpansion
  • Expostos método público: get_toggleState
  • amostra de código adicionado no arquivo de índice (o mesmo que a visualização ao vivo) para mostrar caso, como toggleMenuExpansion e get_toggleState pode ser usado.
  • Renovada a página de amostra um pouco com a nova bandeira dobra para dispositivos / área de trabalho móveis
  • 2012/04/14 Mudança definir 1.1: xxx

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
13 abril 12

Última atualização:
29 de 13 de maio

Navegadores compatíveis:
IE8, IE9, Firefox, Safari, Opera, Chrome

arquivos incluídos:
JavaScript JS, HTML, CSS

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, andró, ide, transiç, õ, es CSS3, customizá, veis, Á, rea de Trabalho, portá, til, ipad, iphone, cardá, pio, mó, vel, navbar, navegaç, ã, o, rodar, deslizar, comprimido, WP7