50+ szép tiszta CSS lapalapú navigációs parancsfájlok
A felhasználói élménytervező egyik legfontosabb feladata, hogy megbizonyosodjon arról, hogy a A webhely navigációja egyszerű és felhasználóbarát. És milyen más módon lehet ezt megvalósítani, mint a navigációs lapokon.
A jól megtervezett navigációs lapok nem csak segítenek a felhasználóknak abban, hogy hová mennek, fontos, hogy a forgalmat a webhelye vagy a blogja belső oldalain is vezessék.
Szóval, a webes tervező barátaim számára itt egy hosszú, szép és tiszta CSS-alapú navigációs szkriptek listája. Minden opció a élő demó a letöltési forrással együtt. Tehát menj, és nézd meg magad.
bootstrap-fülek-X - A Bootstrap lapok tetejére épített kiterjesztett lapok. Az tud igazítsa a lapokat, forgassa el a címeket, töltse be a tartalmat az AJAX-on keresztül, és számos további funkció. [Demó]
Tiszta CSS lapok indikátorral - A modern, mégis egyszerű lapkönyvtár JavaScript nélkül. Ez azt jelenti, hogy gyors és szép is - olyan szép, mint amit a legnépszerűbb weboldalakon lát. [Demó]
Pletykázó vénasszony - A Tabby segítségével egyszerű váltófüleket hozhat létre, amelyek bármilyen tartalmat jeleníthetnek meg, beleértve a videókat is. Különböző kínál speciális opciók és támogatja az NPM-et és a Bower-et is. [Demó]
Érzékeny Tabbed Navigáció - A JS és a CSS által támogatott, modern, praktikus füles navigáció, amely mobil elsődleges szemléletű és támogatja a vízszintes és függőleges pozicionálási stílusokat. [Demó]
TOGGLER - A Toggler egy tiszta JavaScript-bővítmény, amely képes-hoz kapcsolható elemeket hoz létre harmonikák és fülek. Ezenkívül csak az oldal bármely elemét jelenítheti meg / elrejtheti. [Demó]
Tiszta CSS lapok - A a CSS és a JS segítségével létrehozott egyszerű lapok részletezése. Bár a példakód egyszerű lapokat mutat, mégis szépítheti a lapokat úgy, hogy a stílusát a CSS segítségével módosítja. [Demó]
Tabsy CSS - Csak CSS-könyvtár, amely egyszerű kapcsolóelemeket hoz létre, mint például a lapok. Ez a könyvtár - a fentiek közül néhánytól eltérően - nem igényel függőségeket - nem is JS kódot. [Demó]
Tabbis.js - A Tabbis egy egyszerű, de fejlett plugin. Használhatja a speciális konfigurációs beállításokat hozzon létre beágyazott lapokat és definiálja a visszahívásokat is. [Demó]
Érzékeny tiszta CSS lapok [Demó]
CSS lapok [Demó]
Tabulátorok Pitaya használatával - A Pitaya-t használó lapok létrehozása segít animált átmeneti lapok könnyen. Azonban magában kell foglalnia a Pitaya-t, amely önmagában egy könyvtár, és növeli a betöltési időt. [Demó]
jTabs - A jTabs egy tiszta JavaScript-et használó lapkönyvtár. Ez azt jelenti, hogy épült nincs olyan külső függőség, mint a jQuery és néhány konfigurációs opciót is támogat. [Demó]
Érzékeny Flexbox lapok [Demó]
Tabs harmonika [Demó]
tabs.js - tabs.js egy tiszta JavaScript lapkönyvtár, melyet a Bourbon utántöltések párhuzamossága / lapjai inspiráltak. Ilyenkor érzékeny lapok váltakoznak a kis képernyőkön lévő harmonikákra. [Demó]
WellTabber - A WellTabber egy másik egyszerű JavaScript plugin, mint a Tabby. Mint az utóbbi, ez is támogatja a fülek konfigurálásának különböző lehetőségeit. A navigációs nyilakat is megjelenítheti. [Demó]
3D kocka csatolt interfész [Demó]
Tabletta modul az ES6 számára [Demó]
Változó magasságok a CSS lapokkal [Demó]
Anyagtervező lapok - A Vanilla JavaScript segítségével készült anyagtervezés ihlette lapokat. Ez egyszerűen használható és testreszabható. Ez azonban nem tartalmaz speciális beállításokat. [Demó]
Animált CSS lapok - Az animált CSS lapok csak CSS-fülek, amelyek lehetővé teszik egyszerű, könnyű lapok létrehozását. Ellentétben a Tabbyval vagy a WellTabberrel nem nyújt semmilyen speciális konfigurációt. [Demó]
pureTabs [Demó]
Vanília JavaScript hozzáférhető lapok [Demó]
Scifi-stílusú animált lapok [Demó]
Pure CSS Bootstrap Adaptive Tabs - A CSS-el épített és JavaScript nélküli bootstrap-ihlette laprendszer. Milyen egyedülálló tulajdonsága van a képernyőn túlfektetett fülek a legördülő listába kerülnek. [Demó]
Összecsukható Tab Bar - A tiszta CSS3-ra épülő és JavaScript nélküli JavaScript lapok, mint a listán található különböző bővítmények. Ami érdekesnek tartja, a lapjai a szép megjelenésű összecsukható átmenet. [Demó]
Félelmetes CSS animált lapok [Demó]
JavaScript Tabifier - Egy fejlett tab plugin épült a JavaScript segítségével. Lehetővé teszi az alapértelmezett lap beállítását, a lap dinamikus módosítását, és adjunk onLoad és onClick esemény visszahívási funkciókat. [Demó]
Skeleton lapok [Demó]
Tabtastic - A Tabtastic egy egyszerű plugin a CSS és a JS lapok használatához. Azt szemantikai jelölést használ, elérhető a képernyőolvasók számára, és támogatja a beágyazott lapokat az oldalon. [Demó]
CSS3 és jQuery mappa lapok - Ez az egyszerű bemutató (letölthető kóddal) kb mappa lapok létrehozása a CSS3 és a jQuery használatával. Emlékeztet a böngészőkben, például a Google Chrome-ban megjelenő lapokra. [Demó]
Csatolt tartalom [Demó]
Egyenlő szélességű navigációs lapok - Kódrészlet, amely bemutatja az egyszerű CSS használatát az egyenlő szélességű navigációs lapok létrehozásához. tudsz testreszabhatja a megjelenést, de nem nyújt speciális beállításokat a dobozból. [Demó]
Szinkronizált tartalom a jQuery & CSS segítségével [Demó]
Twitter Bootstrap varázsló - A Twitter Bootstrap varázsló egy beépülő modul, amely táblázatos szerkezetű varázslók létrehozását teszi lehetővé. Észrevettem, hogy a következő és az előző gombok elrejtésével vagy eltávolításával csak lapokat hozhatsz létre. [Demó]
Tiszta CSS lapok [Demó]
Érzékeny CSS lapok [Demó]
Csak egy másik CSS lap - Egy szépen kialakított fülstruktúra épült csak a CSS-sel, ami működik a modern böngészőkben. Azonban a fentiekben bemutatott kevés erőteljes pluginnel ellentétben nincs speciális opció. [Demó]
Érzékeny harmonika a lapokhoz - Az interakció a fülekhez hasonlóan, ahogy a neve is sugallja, a képernyő szélessége alapján harmonikaként vagy lapként működik. Azt Ha lehetséges, a fülek, ha lehetséges, a harmonika. [Demó]
CardTabs - A CardTabs egy ultra-könnyű lapok plugin a jQuery-n alapul, amely több témával rendelkezik. Új témákat is létrehozhat és dinamikusan beállíthatja az aktív lapot. [Demó]
Aria Tabs [Demó]
Minimális és szexi lapok - Ez egy szép, új lapfülke két színsémában kapható - világos és sötét. A jQuery használatával épül, így nem olyan könnyű, mint a fentiekben felsorolt egyéb bővítmények. [Demó]
Csukott widget [Demó]
Adaptív lapok - Az Adaptív lapok egy egyszerű, szép lapok. A modern formatervezésen kívül nincs több olyan funkciója, mint amilyen a fentiekben ismertetett néhány speciális bővítményben elérhető. [Demó]
Fa stílus lap [Demó]
Tabulous.js [Demó]
jQuery lapok - A jQuery Tabs egy egyszerű plugin a lapok létrehozásához. Ahogy a neve is sugallja, ez az a jQuery segítségével épült, ellentétben néhány fent felsorolt pluginnel amelyek tiszta CSS vagy JavaScript használatával készültek. [Demó]
jQuery rTabs [Demó]
A szerkesztő megjegyzése: Ezt a bejegyzést eredetileg 2008 júniusában tették közzé, és 2018 áprilisában új tartalom alapján frissítették.
