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 pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu de style Path

Ceci est un menu à plusieurs niveaux inspiré par chemin 2.0 UI qui a monté en flèche la demande de chemin dans l'App Store, ce qui prouve une interface distinctive peut vraiment vous donner l'avantage sur un marché concurrentiel avec des produits similaires.

Lorsque l'utilisateur appuie ou clique sur le bouton, les éléments de menu se dilatent et se placent autour du bouton principal formant un arc, un cercle, aligner horizontalement ou verticalement. Pour fermer le menu, l'utilisateur doit soit sélectionne l'une des options présentées ou appuyez à nouveau sur le bouton principal.

Si plusieurs niveaux sont imbriqués, puis en cliquant sur un sous-menu produira le bouton de retour permettant à l'utilisateur de revenir à la sélection de menu précédent.




Journal des modifications suivantes:

  • 29/05/2013 Changeset 3.7
  • Correction du menu de style arc sur iOS où le menu était saccadée lors du défilement de la page. Maintenant, il défile avec la page en douceur.
  • Correction d'un bug en ligne de menu où l'alignement des éléments de menu se est déformé si scrollbars étaient présents dans la page.
  • Ajout d'une nouvelle option qui permet de stopper un menu élargi de s'effondrer en cliquant dans la fenêtre de document.
  • Les éléments de menu peuvent être vus voyager à partir du bord supérieur de l'écran vers l'endroit où le bouton principal se trouve. Ceci a été corrigé. Maintenant que la page se charge tout ce que vous voyez est le mainbutton. boutons d'article dilatent et sont visibles uniquement après avoir cliqué sur le bouton principal.
  • 09.01.2013 Changeset 3.6
  • Les versions minified ne fonctionnent pas bien lors de la définition des dimensions de l'icône et quelques autres propriétés par le biais de JavaScript. Ceci est corrigé maintenant
  • Dans Firefox, il y avait un scintillement lors de l'expansion du menu, alors que cela a été fixé avant qu'elle ne cessait dans les versions ultérieures, fixe cette fois, une fois pour toutes!
  • Bouton principal tourne maintenant un 360deg complet par défaut vs le 180deg des versions antérieures
  • 26/11/2012 Changeset 3.5
  • Correction d'un problème sur les appareils tactiles où le menu en ligne ne montrait pas du tout. Un changement dans la version précédente a éclaté cela, fixe maintenant.
  • Correction du positionnement des éléments de sous-menu quand il y avait 1 ou 2 articles de sous-menu en tout. Les éléments de menu resteraient partiellement couvert par le bouton principal.
  • Veiller à ce que le menu ne soit pas caché par accident, à savoir que vous finissez par la sélection du menu dans votre css lors de la création de mises en page conception sensibles et hidding il. A noté quelques thèmes qui font cela, ne devrait pas être un problème maintenant.
  • 19/11/2012 Changeset 3.4
  • En cliquant sur les boutons vont maintenant laisser suffisamment de temps pour l'animation pour terminer avant de passer à l'URL de destination
  • Lorsque le menu charge la première fois, vous voyez en mouvement comme il se cache derrière le bouton principal. Ce fut involontaire. Maintenant, il charge juste derrière la période de bouton principal.
  • incohérences fixes dans la documentation.
  • 22/10/2012 Changeset 3.3
  • Nouvelle documentation au format pdf
  • Ajout du support pour le réglage url directement lors de la définition des éléments. Pas besoin d'écrire un code pour la navigation, aussi longtemps que vous avez fourni l'URL, la navigation est automatique. Cela rend la mise en place de navigation très facile et ne nécessite pas manuellement l'abonnement à des événements si l'on veut assurer que la navigation.
  • Ajout du support pour ouvrir l'URL dans un nouvel onglet, par défaut est false.
  • Suppression de l'obligation d'établir des icônes url dans css. Vous pouvez maintenant configurer le menu entier en javascript ou faire les choses comme avant. Vous aurez à jeter un oeil à la nouvelle documentation.
  • Les versions antérieures exposées une seule onSelecteditem qui a tiré pour tout bouton cliqué. Ceci est une cause de confusion que vous aviez alors de filtrer manuellement les boutons d'intérêt. Pour l'amour de clarté, nous exposons maintenant événements distincts au lieu:
    1. onMainButtonClick-feu lorsque le bouton principal est cliqué
    2. onParentButtonClick-feu quand un élément parent est cliqué
    3. onBackButtonClick-le-feu lorsque le bouton de retour est cliqué
    4. onItemButtonClick-le-feu pour un bouton de menu
  • Correction d'une incompatibilité avec l'expansion automatique du menu dans la page de chargement.
  • Changé la façon dont les identifiants ont été émis par le composant. Ce changement briser la compatibilité ascendante dans cette version. Les personnes qui utilisent css pour le style des boutons, ce qui était aussi la valeur par défaut dans les versions précédentes, veulent préfixer le menu id avec l'identifiant du bouton de menu à savoir précédemment si elles avaient ceci:
     # menuitem0 { background: url ( '../ images / photo.png') no-repeat; } # MenuItem1 { background: url ( '../ images / people.png') no-repeat; } 
    maintenant c'est:
     # menu1_menuitem0 { background: url ( '../ images / photo.png') no-repeat; } # menu1_menuitem1 { background: url ( '../ images / people.png') no-repeat; } 
    où menu1 est l'identifiant de votre menu.
  • L'élément de conteneur dispose maintenant d'une taille par défaut qui correspond à la taille du bouton principal. Auparavant, nous avons laissé cette responsabilité sur l'utilisateur mais ajouté plus de place pour la confusion et des mesures plus manuelles pour rendre le menu se comportent inline comme on pouvait s'y attendre à. Il est maintenant géré par le menu interne.
  • 10/01/2012 Changeset 3.2
  1. enableUrlHash est maintenant faux par défaut. Pour utiliser cette fonctionnalité, vous devez définir manuellement true par exemple {enableUrlHash: true} passé comme une option au constructeur de menu.
  2. Lors du passage d'un simple ensemble de valeurs de chaîne à la propriété items par exemple: {articles: «Menu 1», «Menu 2», «Menu 3 '} vs le format beaucoup plus riche, le paramètre de valeur transmise au gestionnaire d'événements onSelectedItem tourné jusqu'à null. Ceci est corrigé maintenant.
  3. lorsqu'un élément de menu est actif (c.-à-cliqué) qui effondre les éléments de menu tous ensemble, en cliquant dans le document élargit à nouveau le menu avec l'élément cliqué ne montrant pas. Le menu ne doit pas étendre, ni si l'élément cliqué être caché. Ceci est un bug à cause de l'élément cliqué étant caché par l'intermédiaire de l'opacité. Il est maintenant fixé.
  4. Ajouté marge et le remplissage par défaut sur le bouton principal. Ceci permet d'assurer que la troisième css du parti dans la page ne modifie pas le menu.
  5. Ajout du support pour ouvrir automatiquement le menu à la page charge. Pour permettre cela, vous devez définir élargi: true
  6. Ajout du support pour replier automatiquement le menu après avoir été automatiquement étendu à la page charge. Pour cela, vous devez définir la valeur expandTimeout au nombre de millisecondes d'attente.
  7. Ajout du support pour les étiquettes. Vous pouvez activer cette fonctionnalité en ajoutant showLabel: true, et une étiquette est affichée à côté de l'icône. Le texte de l'étiquette est fournie par la propriété du titre.
  • 15/08/2012 Changeset 3.1
  • -Cette Mise à jour résout la plupart des problèmes IE8 et IE7. La liste des correctifs:
  • IE7 et IE8 compatibilité correctifs:
    • En cliquant dans le document et les éléments étaient dans un état expansé, ils ne se sont effondrés. Ceci est corrigé maintenant.
    • Toutes les démos en ligne utilisés querySelector. Cela rompt dans IE8 (mode compatbility).
    • Ajout d'un polyfill pour querySelector et [].foreach. Cela affecte seulement la démo en ligne dans IE8. Fixé.
    • Ajout d'un polyfill pour String.trim
    • Correction de la méthode dispose qui étouffait dans IE8
  • Autres issues:
    • Ajouté z-index de soutien d'ordre élevé pour le menu lorsque le mode en ligne.
    • scintillement fixe en transition css3 sur firefox, où l'animation était agitée et lente.
    • Ajout d'un chaînon manquant dans la documentation.
  • 10/08/2012 Changeset 3.0
  • Ajout du support pour l'amarrage du menu dans le coin supérieur gauche, droite au coin en haut et bas angle droit. Auparavant, nous avions le soutien pour que le coin gauche en bas. Maintenant, nous soutenons accueil dans les 4 coins de l'écran.
  • Docking est maintenant correctement pris en charge dans Android 4.0 ++ car il supporte css position fixe bien. Il devrait fonctionner de manière similaire dans iOS 5 (si pas le signaler, merci).
  • Ajout du support pour inline le menu.
  • Nous soutenons maintenant 11 modèles différents de pose sur le 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
  • Ajout du support pour plusieurs instances du menu
  • Ajout du support pour le contenu textuel dans les boutons.
  • Ajout du support pour des masques d'image.
  • Extension de l'api et exposées de nouvelles méthodes et propriétés, en particulier celles que vous pouvez utiliser pour ajouter des éléments de menu dynamique. Référence de la documentation pour les détails. En outre, nous avons également ajouté une nouvelle démo de laboratoire pour présenter des scénarios plus complexes, comme l'ajout d'éléments de menu à l'exécution.
  • 12/06/2012 Changeset 1.9
  • Correction d'un bug dans les appareils de poche où le barre d'adresses n'a pas été compensée. Il en est résulté dans le menu ne rien faire pendant une opération tactile.
  • Ajout d'un ordre z-index par défaut pour garantir que le menu est toujours au-dessus de tous les autres éléments de la page où il réside.
  • 19/05/2012 chagneset 1.8
  1. Amélioration de la courbe
  2. Ajout du support pour le menu de fermeture en cliquant dans le document. Ceci est seulement pour le bureau. Sur les appareils tactiles activé, vous devez utiliser le bouton de fermeture.
  3. Ajout du support pour les infobulles. Il est disponible uniquement sur le bureau (appareils non-touch activé). consultez la documentation sur la façon d'obtenir infobulle sur vos éléments de menu.
  4. gestionnaire onSelectedItem inclut maintenant le clicked éléments de menu titre aussi bien, qui est passé dans les arguments de callbacks.
  5. requêtes des médias. Vous pouvez maintenant passer une liste de largeurs de fenêtre pour le contrôle, par exemple: [{ 'minWidth': 640, 'maxWidth': 1024}] et il va se rendre si cette condition est satisfaite par le dispositif demandeur / navigateur.
  6. épaisseur de scrollbar horizontale n'a pas été compensée en plaçant le menu dans le coin inférieur gauche de la fenêtre. Ceci est corrigé maintenant.
  7. La plupart plus grande caractéristique encore comme il a été demandé à plusieurs reprises est que nous avons maintenant un plugin wordpress (déjà soumis à l'examen).
  • 19/05/2012 Changeset 1.8:
  1. bug de positionnement fixe où si vous aviez seulement un élément de menu unique et avec la courbe appropriée de régler ce serait encore rester caché derrière le menu principal.
  2. référence fixe uniquement (mode debug) générateur de hiérarchie d'éléments où un élément de menu supplémentaire a été inclus dans la sortie.
  3. Correction d'un bug qui a affecté multi-navigation. Fondamentalement, quand vous avez eu plus de 1 niveau sous sur plus de 1 point de menu, il y aurait un malentendu.
  4. Correction d'un bug qui a affecté le premier élément du menu. en cliquant sur le premier élément du menu ne serait pas l'échelle lorsque le défilement hors de la vue comme les autres.
  5. Maintenant, les icônes se repositionnent lors de la navigation d'un sous-menu à l'autre. Cela permet aux icônes de maintenir leur arc que les éléments de menu peuvent varier en nombre de sous-menu au sous-menu.
  • 15/05/2012 Avis: 1.8 (Prochainement)
  • 28/04/2012 Changeset: 1.7
  • petits bugs d'IE fixes.
  • Ajout d'une nouvelle page de démonstration en ligne et inclus avec des paquets sources.
  • Ajout du support pour les symboles de hachage. Maintenant, si enableUrlHash est vrai (faux par défaut), puis lorsque vous cliquez sur un élément de menu, il est commande se joint dans l'URL, comme dans la nouvelle démo en ligne.
  • 04/26/2012 Changeset: 1.6
  • Lorsque le sous-menu de la transition a été élargi saccadée. Fixé.
  • Opera mini perdu des transitions en douceur lorsque nous sommes passés à 1,5. Ceci est corrigé maintenant.
  • L'icône de bouton de retour utilisé une flèche dans 1,5; Cela ne se prête pas trop bien pour les effets de rotation. Pour compenser cela, nous avions incrémenté la rotation, mais cela n'a pas été trop bon. Nous avons réduit maintenant la rotation de retour à la façon dont il a été et changé l'icône pour quelque chose de beaucoup mieux.
  • Documenté une fonction de débogage qui permet d'imprimer votre structure de menu afin que vous puissiez voir ce que id de son de votre menu ressemblent pour faciliter vos efforts de développement. Ceci est documenté dans le walkthrough.
  • Mise à jour le fichier walkthrough.html trouvé dans le dossier de la maison pour apporter à la vitesse avec les changements récents.
  • Exposed une nouvelle méthode toggleMainButton. Ceci peut être combiné avec le procédé toggleMenuExpansion.
  • 04/24/2012 Changeset 1.5:
  • Nous soutenons maintenant des sous-menus à plusieurs niveaux.
  • Le api reste compatible avec les versions précédentes.
  • documentation ajoutée pour les sous-menus à plusieurs niveaux. Cela fait partie de votre téléchargement dans la page de la visite virtuelle.
  • Ceci est en fait un grand changement et le codebase a subi une réécriture partielle. Prendre plaisir!
  • 04/17/2012 Changeset 1.4
  • bug tactile fixe sur des appareils portables
  • Correction d'un bug dans la méthode Dispose
  • -maintenant nettoyage appropriée a lieu lorsque le menu est éliminé.
  • 04/16/2012 Changeset 1.3
  • set_curve Exposed (valeur) Méthode publique
  • Exposed pression () méthode public
  • À l'emplacement suivant ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Ajout D'une démonstration supplémentaire dans index.html qui met en valeur le réglage de la configuration de la courbe des éléments de sous-menu.
  • -Ajout Un tutoriel pas à pas, ce qui rend beaucoup plus facile pour l'utilisateur final.
  • -Ajout Une page de démonstration qui ne comprend que le menu réduisant les chances de distraction.
  • 15.04.2012 Changement réglé 1.2
  • Exposed méthode publique: toggleMenuExpansion
  • Méthode publique Exposed: get_toggleState
  • Ajout exemple de code dans le fichier d'index (le même que l'aperçu en direct) pour montrer comment le cas toggleMenuExpansion et get_toggleState peuvent être utilisés.
  • Refonte de la page d'exemple un peu avec une nouvelle fois la bannière pour les appareils / de bureau mobiles
  • 14.04.2012 Changement réglé 1.1: xxx

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
13 Avril 12

Dernière mise à jour:
29 mai 13

Navigateurs compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS, HTML, CSS

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, Android, transitions CSS3, personnalisable, bureau, ordinateur de poche, ipad, iphone, menu, mobile, navbar, la navigation, faire tourner, faire glisser, tablette, wp7