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

navIgo - Multipurpose Responsive Navigation Plugin

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


navIgo - Multipurpose Responsive Navigation Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Men kan echt zeggen dat dit echt de ultieme navigatie-instrument!

In de Italiaanse taal "navigo" betekent "bladeren", dus ik denk dat de naam is perfect...

Met 65 jQuery plugin parameters zijn er duizenden aanpassingsopties... letterlijk!

Bovendien kan elke plugin parameter direct worden overschreven vanuit elk menu <ul> data-attributen.

Alle menu's op deze pagina zijn geïnitialiseerd met dezelfde jQuery plugin instellingen, worden alle verschillen zie je tussen de menu's beheerd door middel van data-attributen.

Kijk hier naar! Sommige van deze functies zijn vrij uniek:

Code:

  • Valid XHTML / CSS 3 markup
  • Cross browser ondersteuning (IE9 - Firefox - Chrome - Opera - Safari) + browser fallback boodschap voor IE9 beneden gevallen
  • 66 plugin parameters: je kunt bijna alles, en gemakkelijk te controleren!
  • Meerdere menu's op één pagina: en je kunt bijna alles voor elk menu, gemakkelijk te controleren!
  • Knop mouseover of klikgedrag: u kunt button interactie selecteren (ook weerspiegelt in responsieve mode!)
  • Optionele "stayopen" class: nuttig voor het dropdown opgenomen formulieren, video's... Het vermijdt dropdown verdwijnen op mouseout
  • Smart opties beheer: elke plugin parameter kan worden overschreven door een gelijkwaardige gegevens attribuut in de <ul> tag van elk menu, op deze manier kun je algemene regels voor alle navigatiebalken op de website, maar u kunt aanpassen elk menu simpelweg toevoegen van attributen in de opmaak!
  • Super eenvoudige opmaak: als je een blik van de ul-tags nemen markup vindt u een zeer eenvoudig element structuur te zien!
    Belangrijkste containers zijn de <li> -tags en ze kunnen bijna alles te bevatten!
    Elke <li> tag kan worden gezet in de hoogte en breedte met beide pixel of procentuele waarden

Stijl:

  • Horizontale of verticale oriëntatie
  • Ondersteuning voor Volledige breedte dropdowns: ingewikkelde lay-out toegestaan, tekstblokken, video, tafels, typograpy foto's
  • Belangrijkste knoppen auto-width functie: belangrijkste niveau knopen met dezelfde breedte vullen van de totale breedte van navigatiebalk
  • Makkelijk huid controle: set knop kleuren, mouseover kleuren, tekst, schaduwen, alpha transparantie rechtstreeks met de plugin parameters
  • Meerdere lettertypeondersteuning Google: u kunt lettertype en de grootte instellen voor Main knoppen, sub knoppen / titels, ondertitels en tekst
  • Auto actief-knop staat: op basis van url-adres, maar het werkt zelfs voor # koppelingen (handig voor ajax geladen pagina's)
  • Mooi Vorm elementen styling, kunnen zelfs complexe vormen lay-outs met vele gebieden te beheren.
  • Mooi voorgedefinieerde schaduw stijlen: eenvoudig ingesteld via plugin parameters
  • Soepele overgangen CSS3
  • Alpha of dia jQuery FX voor dropdown menu levels
  • ZoomIn / ZoomOut / Slide Up foto gebaseerd knoppen
  • Geneste knoppen binnen één <li>: je kunt pseudo tabelvorm lay-outs beheren
  • Nuttig css klasse gebaseerd element override: u kunt overschrijven knoppen of dropdowns stijl simpelweg toevoegen klassen. Het toevoegen van de klasse in de markup op één enkel element of via jQuery parameters ingesteld op gehele navbar beïnvloeden.
  • Nuttig kleurvererving systeem: u kunt kleur klasse instellen voor een van de belangrijkste niveau knop en in- of uitschakelen stijl erfenis, om kleur te geven aan haar submenu's, en zelfs naar de dropdown bg.
  • Nuttig Fontello gebaseerde pictogram ondersteuning
  • 25 voorgedefinieerde kleuren: klaar om kleur klassen geïnspireerd op de metro kleuren te gebruiken

responsiviteit:

  • Programmeerbare responsieve gedrag: je kunt de limiet schermresolutie voor responsieve mediaquery activering in te stellen.
  • Programmeerbare responsieve li labels volle breedte: je kunt de limiet schermresolutie instellen voor uitbreiding van elk li tag tot 100% breedte.
  • Speciale responsieve knop mouseover mode: als toets heeft een dropdown, elke volgende knop verdwijnen op mouseover, wordt alleen dropdown worden getoond.
  • Mobile aangepaste resize klasse: u kunt elk element specifieke mobiele grootte met "mobile-w -.. pc" set klasse (tweecijferig procent in plaats dots) oriëntatie
  • Responsive toggle-menu-knop: u kunt activeren of een menu wikkel met toon / verberg automatisch knop uit te schakelen.

changelog

Maart 20 13 - Versie 1,1

  • Fixed bug koppelen voor "onClick" gedrag

Maart 15 13 - Versie 1,1

  • Toegevoegd onclick-knop gedrag
  • Toegevoegd tab-modus (menu kan worden gebruikt als een interface met tabbladen)
  • Toegevoegd "stayopen" mode (handig voor het dropdown opgenomen formulieren, video's... Het vermijdt dropdown verdwijnen op mouseout)
  • Toegevoegd voorbeeldpagina's voor de nieuwe functies
  • Little IE10 detectie bug opgelost
  • Sommige CSS verbeteringen
  • Sommige verbeteringen JS
  • Minor bugs opgelost

10 maart 13 - Versie 1.0

  • Goedgekeurd door CC team :) ... Ok, laten we beginnen met de verkoop!

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
10 maart 13

Laatste update:
21 maart 13

Hoge resolutie:
Ja

compatibele Browsers:
IE9, IE10, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, Ajax, knop, laten vallen, formulier, jQuery, mega, menu, mobiel, navigatie, portefeuille, sympathiek, tafel, verticaal, video-