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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Pfad - Stil - Menü

Dies ist ein Multi-Level-Menü Pfad 2.0 UI inspiriert, die Himmel den Pfad Anwendung im App Store hochgeschnellt hat, beweist, dass ein unverwechselbares UI wirklich Sie den Rand in einem wettbewerbsintensiven Markt mit ähnlichen Produkten geben kann.

Wenn die Pressen Benutzer oder auf die Schaltfläche klickt, erweitern Sie Menüpunkte und legen sich um die Haupttaste einen Bogen bildet, ein Kreis, Linie horizontal oder vertikal nach oben. So schließen Sie das Menü der Benutzer muss entweder wählt eine der Optionen angezeigt oder auf die Haupttaste erneut drücken.

Wenn mehrere Ebenen verschachtelt sind, dann wird ein Untermenü Klick erzeugen die Zurück-Taste ermöglicht dem Benutzer zum vorherigen Menüauswahl zurück zu gehen.




Änderungsprotokoll folgt:

  • 29.05.2013 changeset 3.7
  • Beseitigt wurde der Bogen-Stil-Menü auf iOS, wo das Menü schreckhaft war, als die Seite scrollen. Nun rollt sie zusammen mit der Seite glatt.
  • Feste Inline-Menü Bug, bei dem die Menüpunkte Ausrichtung verzerrt wurde, wenn Bildlaufleisten auf der Seite vorhanden waren.
  • Hinzugefügt ein erweitertes Menü zu stoppen kollabiert beim Klicken im Dokumentfenster eine neue Option zu ermöglichen.
  • Die Menüpunkte vom oberen Rand des Bildschirms werden konnte reisen gesehen in Richtung, wo die Haupttaste sitzt. Dieses Problem wurde behoben. Jetzt, da die Seite geladen wird alles, was Sie sehen, ist die mainbutton. Artikel Tasten erweitern und sind nur sichtbar, nachdem die Haupttaste klicken.
  • 2013.09.01 changeset 3.6
  • Die minimierte Versionen funktionierte nicht gut, wenn das Symbol Abmessungen und ein paar andere Eigenschaften durch JavaScript-Einstellung. Dies ist nun behoben
  • In Firefox, war es ein Flackern, wenn das Menü erweitert, während dieses Problem behoben wurde, bevor es schleichend in späteren Versionen gehalten, es diesmal einmal festgelegt und für alle!
  • Hauptknopf dreht sich nun eine volle 360 ​​Grad standardmäßig gegen den Rest der 180 Grad aus früheren Versionen
  • 26.11.2012 Changeset 3.5
  • Ein Problem wurde behoben auf Touch-Geräten, bei denen die Inline-Menü wurde nicht bemerkt wird. Eine Änderung in der vorherigen Version brach dies nun behoben.
  • Fest die Positionierung der Untermenüpunkte, wenn gab es 1 oder 2 Menüpunkte in allen. Die Menüpunkte bleiben würden teilweise durch die Haupttaste abgedeckt.
  • Dafür gesorgt, dass das Menü nicht zufällig versteckt bekommt, dh Sie können das Menü in Ihrem CSS-Auswahl am Ende, wenn Responsive Design-Layouts und Hidding es zu schaffen. Bekannt ein paar Themen dies zu tun, sollte kein Problem jetzt sein.
  • 19.11.2012 Changeset 3.4
  • die Schaltflächen klicken, wird nun genügend Zeit für die Animation ermöglichen abgeschlossen sein, bevor an die Ziel-URL zu navigieren
  • Wenn das Menü zum ersten Mal lädt, sehen Sie es in Bewegung, wie es hinter der Haupt Taste verbirgt. Das war nicht beabsichtigt. Nun lädt er direkt hinter dem Haupttaste Periode.
  • Feste Unstimmigkeiten in der Dokumentation.
  • 22.10.2012 Changeset 3.3
  • Neue Dokumentation im PDF-Format
  • Zusätzliche Unterstützung für die Einstellung direkt url, wenn Sie die Einstellungen vorgenommen. Keine Notwendigkeit, einen Code für die Navigation zu schreiben, solange Sie die URL zur Verfügung gestellt, die Navigation erfolgt automatisch. Dies macht die Navigation sehr einfach einzurichten und erfordert keine manuelle Ereignisse abonnieren, wenn man nur will Navigation zur Verfügung zu stellen.
  • Zusätzliche Unterstützung für die URL in neuem Tab öffnen, Standard ist falsch.
  • Entfernt die Anforderung für die Symbole URL in css setzen. Sie können nun Setup das gesamte Menü in JavaScript oder nach wie vor Dinge zu tun. Hier finden Sie einen Blick auf die neue Dokumentation zu nehmen.
  • Frühere Versionen ausgesetzt einen einzigen onSelecteditem, die für jede Schaltfläche geklickt gebrannt. Dies ist eine Ursache für Verwirrung, da Sie dann von Hand die Tasten des Interesses filtern musste. Für sakes der Klarheit entlarven wir jetzt getrennte Ereignisse statt:
    1. onMainButtonClick Feuer, wenn die Haupttaste angeklickt wird
    2. onParentButtonClick Feuer, wenn ein übergeordnetes Element geklickt
    3. onBackButtonClick Feuer, wenn die Zurück-Schaltfläche geklickt wird
    4. onItemButtonClick Feuer für einen Menüpunkt Taste
  • Feste eine Inkonsistenz mit der automatischen Erweiterung des Menüs in Seite zu laden.
  • Änderte sich die Art und Weise IDs ausgegeben wurden von der Komponente. Diese Änderung brechen Abwärtskompatibilität in dieser Version. Menschen CSS mit den Tasten, um Stil, die in früheren Versionen auch die Standard war, wird das Menü-ID mit der Menütaste Kennung dh vorher, wenn sie dies musste Präfix wollen:
     # Menuitem0 { background: url ( '../ images / photo.png') no-repeat; } # MenuItem1 { background: url ( '../ images / people.png') no-repeat; } 
    jetzt ist es:
     # Menu1_menuitem0 { background: url ( '../ images / photo.png') no-repeat; } # Menu1_menuitem1 { background: url ( '../ images / people.png') no-repeat; } 
    wo menu1 ist die ID des Menüs.
  • Das Behälterelement hat nun eine Standardgröße, die die Größe des Haupttaste ist. Früher ließen wir diese Verantwortung auf den Nutzer aber hinzugefügt mehr Raum für Verwirrung und mehr manuelle Schritte, um das inlined Menü zu verhalten, wie man erwarten würde es. Dies wird nun durch das Menü intern gehandhabt.
  • 10.01.2012 Changeset 3.2
  1. enableUrlHash ist jetzt falsch standardmäßig. Um diese Funktion zu nutzen, müssen sie manuell auf true gesetzt zB {enableUrlHash: true} übergeben als Option in das Menü-Konstruktor.
  2. Wenn ein einfacher Satz von String-Werte in die Eigenschaft Items zB vorbei: {Punkte: 'Menü 1 "," Menü 2 "," Menü 3'} vs das viel reichere Format, wandte sich der Wert Parameter an die onSelectedItem Event-Handler übergeben bis null. Dies ist nun behoben.
  3. wenn ein Menüpunkt aktiv ist (dh geklickt haben), die alle zusammen Menüpunkte zusammenbricht, in das Dokument klicken, erweitert erneut das Menü mit der geklickten Element nicht angezeigt. Das Menü sollte nicht erweitern, noch sollte das klickten Element versteckt sein. Das ist ein Fehler aufgrund der geklickten Element über Opazität versteckt. Es ist jetzt behoben.
  4. Hinzugefügt Standard margin und padding auf Haupttaste. Dies ist, dass die dritte Partei CSS auf der Seite, um sicherzustellen, das Menü nicht beeinflussen.
  5. Zusätzliche Unterstützung für das Menü automatisch beim Laden der Seite zu öffnen. Um dies zu ermöglichen, müssen Sie setzen gespreizte: true
  6. Zusätzliche Unterstützung für das Menü automatisch kollabiert, nachdem er automatisch beim Laden der Seite erweitert wurde. Dazu müssen Sie den expandTimeout Wert auf die Anzahl der wartenden Millisekunden eingestellt.
  7. Zusätzliche Unterstützung für Etiketten. Sie können diese Funktion aktivieren, indem Sie das Hinzufügen showlabel: true, und ein Etikett neben dem Symbol angezeigt. Der Beschriftungstext wird durch den Titel Eigenschaft geliefert.
  • 2012.08.15 Changeset 3.1
  • -Diese Update behebt meist keine ie8 und IE7 Probleme. Eine Liste von Korrekturen:
  • IE7 & IE8 Kompatibilitätsverbesserungen:
    • wenn in dem Dokument und Elemente waren in einem expandierten Zustand zu klicken, waren sie nicht kollabiert zu werden. Dies ist nun behoben.
    • Alle Online-Demos verwendet querySelector. Dies bricht in IE8 (compatbility-Modus).
    • Es wurde ein polyfill für querySelector und [].forEach. Dies betrifft nur die Online-Demo in IE8. Behoben.
    • eine polyfill für String.trim Hinzugefügt
    • Fest die dispose-Methode, die in ie8 erstickt
  • Andere Probleme:
    • Hinzugefügt hohe z-index, um Unterstützung für das Menü, wenn auf Inline-Modus.
    • Feste Flimmern in css3 Übergang auf firefox, wo die Animation war abgehackt und langsam.
    • Hinzugefügt in der Dokumentation eine fehlende Verbindung.
  • 2012.08.10 Changeset 3.0
  • Zusätzliche Unterstützung für das Andocken des Menüs in der linken oberen Ecke, oben rechts und unten rechts. Zuvor hatten wir die Unterstützung für nur die linke untere Ecke. Jetzt unterstützen wir Docking in allen vier Ecken des Bildschirms.
  • Docking ist jetzt richtig in Android 4.0 unterstützt ++, wie es css Position gut fixiert unterstützt. Es sollte in ähnlicher Weise in iOS 5 arbeiten (wenn es nicht berichten, danke).
  • Zusätzliche Unterstützung für das Menü inlining.
  • Wir unterstützen jetzt 11 verschiedene Arten des Menüs Auslegen:
    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
  • Zusätzliche Unterstützung für mehrere Instanzen des Menüs
  • Zusätzliche Unterstützung für die Textinhalte in den Tasten.
  • Zusätzliche Unterstützung für Bildmasken.
  • Erweitert um die api und ausgesetzt neue Methoden und Eigenschaften, insbesondere diejenigen, die Sie verwenden können, um Menüpunkte dynamisch hinzufügen. Verweisen Sie auf die Dokumentation für die Details. Darüber hinaus haben wir auch einen neuen Demolabor komplexere Szenarien zu präsentieren, wie Menüpunkte zur Laufzeit hinzufügen.
  • 2012.06.12 Changeset 1.9
  • Ein Fehler in Handheld-Geräten, bei denen die addressbar wurde nicht kompensiert. Dies führte im Menü während einer Touch-Bedienung nichts zu tun.
  • Es wurde ein Standard-Z-Index, um sicherzustellen, dass das Menü immer über alle anderen Elemente auf der Seite ist, wo er sich befindet.
  • 2012.05.19 chagneset 1.8
  1. die Kurve Verbesserte
  2. Zusätzliche Unterstützung Menü zum Schließen, wenn sie in das Dokument klicken. Dies ist nur für den Desktop. Auf Touch-fähige Geräte müssen Sie den Schließen-Button verwenden.
  3. Zusätzliche Unterstützung für die Tooltips. Dies ist nur auf dem Desktop (Non-Touch-fähige Geräte). überprüfen Sie die Dokumentation, wie Tooltip auf Ihrem Menüpunkte zu bekommen.
  4. onSelectedItem Handler enthält jetzt die klickten Menüpunkte Titel als auch, was in den Rückrufe Argumente übergeben wird.
  5. Medien-Anfragen. [{ 'MinWidth': 640, 'maxWidth': 1024}] Sie können nun eine Liste der Darstellungsbreiten an die Steuerung zB passieren und es wird sich erweisen, wenn diese Bedingung durch das anfragende Gerät / Browser erfüllt ist.
  6. Horizontale Scrollbar Dicke wurde nicht kompensiert, wenn in der unteren linken Ecke des Ansichtsfensters das Menü platzieren. Dies ist nun behoben.
  7. Die meisten größte Feature noch, wie es mehrmals gefragt worden ist, ist, dass wir jetzt ein Wordpress-Plugin haben (bereits zur Prüfung vorgelegt).
  • 2012.05.19 Changeset 1.8:
  1. Feste Positionierung Fehler, bei dem nur eine einzige Menüpunkt hatte und mit der richtigen Kurve legen Sie es noch bleiben würde hinter dem Hauptmenü versteckt.
  2. Feste nur als Referenz (Debug-Modus) Elementhierarchie Generator, wo ein zusätzlicher Menüpunkt wurde in der Ausgabe enthalten.
  3. Fehler behoben, der Multi-Navigation betroffen. Grundsätzlich, wenn Sie auf mehr als 1 Menüpunkt mehr als 1 Unter Ebene hätte, wäre es eine mixup sein.
  4. Fehler behoben, durch den ersten Menüpunkt beeinflusst. wenn der erste Menüpunkt klicken wäre es nicht skalieren, wenn wie die anderen aus der Ansicht zu scrollen.
  5. Nun werden die Symbole neu zu positionieren sich beim Wechsel von einem Untermenü zum anderen navigieren. Auf diese Weise können die Symbole ihren Bogen zu halten, wie Menüpunkte in der Zahl von Untermenü zu Untermenü variieren kann.
  • 2012.05.15 Hinweis: 1.8 (in Kürze)
  • 2012.04.28 Changeset: 1.7
  • Feste kleine IE Bugs.
  • Hinzugefügt neue Online-Demo-Seite und mit Quellpaketen enthalten.
  • Zusätzliche Unterstützung für die Hash-Symbole. Nun, wenn enableUrlHash true (false default) ist, dann, wenn Sie auf einen Menüpunkt wird es Befehl in die URL angehängt bekommen, genau wie in der neuen Online-Demo.
  • 04/26/2012 Changeset: 1.6
  • Wenn Untermenüs erweitert war der Übergang ruckelt. Behoben.
  • Opera mini verloren glatte Übergänge, wenn wir auf 1,5 aufgewertet. Dies ist nun behoben.
  • Die Zurück-Taste Symbol verwendet einen Pfeil in 1,5; Dies eignet sich nicht zu gut für Rotationseffekte. Um dies zu kompensieren hatten wir die Rotation erhöht, aber das war nicht so gut. Wir verringert nun die Rotation zurück, wie es war und verändert das Symbol, um etwas viel besser.
  • Dokumentierte Funktion eine Debug, die Ihre Menüstruktur auszudrucken, damit Sie Ihre Menü-ID sehen, was aussehen wie Ihre Entwicklungsbemühungen zu erleichtern. Dies wird in der Anleitung dokumentiert.
  • die walkthrough.html Datei im Home-Ordner aktualisiert zu bringen mit den jüngsten Veränderungen zu beschleunigen.
  • Exposed eine neue Methode toggleMainButton. Dies kann mit dem toggleMenuExpansion Verfahren kombiniert werden.
  • 2012.04.24 changeset 1,5:
  • Wir unterstützen Multi-Level-Untermenüs.
  • Die api bleibt im Einklang mit früheren Versionen.
  • Hinzugefügt Dokumentation für Multi-Level-Untermenüs. Es ist ein Teil des Downloads in der Anleitung Seite.
  • Dies ist eigentlich eine ziemlich große Veränderung und die Code-Basis hat eine partielle Neuschreiben durchgemacht. Genießen!
  • 04/17/2012 Changeset 1.4
  • Feste Touch Bug auf Handheld-Geräten
  • Ein Fehler in der Dispose-Methode behoben
  • -jetzt richtige Bereinigung stattfindet, wenn das Menü von angeordnet ist.
  • 04/16/2012 Changeset 1.3
  • Exposed set_curve (Wert) öffentliche Methode
  • Exposed Snap () public-Methode
  • An der folgenden Position ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Added Eine zusätzliche Demo in index.html, die den Kurvenverlauf der Untermenüpunkte Vitrinen setzen.
  • eine Komplettlösung Tutorial, so dass es viel einfacher für Endbenutzer -Added.
  • -Added Eine Demo-Seite, die nur das Menü zur Ablenkung zu reduzieren Chancen beinhaltet.
  • 2012.04.15 ändern gesetzt 1.2
  • Exposed öffentliche Methode: toggleMenuExpansion
  • Exposed öffentliche Methode: get_toggleState
  • Hinzugefügt Codebeispiel in der Indexdatei (wie bei der Live-Vorschau) Fall zu zeigen, wie toggleMenuExpansion und get_toggleState verwendet werden kann.
  • Erneuert Seite die Probe ein wenig mit neuen Falte Banner für mobile / Desktop-Geräte
  • 2012.04.14 ändern Set 1.1: xxx

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
13. April 12

Letztes Update:
29. Mai 13

kompatible Browser:
IE8, IE9, Firefox, Safari, Opera, Chrome

Dateien inklusive:
JavaScript JS, HTML, CSS

Stichworte

E-Commerce, E-Commerce, Alle Elemente, androide, CSS3 Ü, bergä, nge, anpassbare, Desktop, Hand, ipad, iphone, Menü, Mobile, navbar, Navigation, drehen, gleiten, Tablette, WP7