HTML5 CSS3 jQuery Navigation Izvēlnes nāk vai nu kopēt un ielīmēt kodu savā dizainu vai mainīt izvēlni, lai atbilstu jūsu vajadzībām.
Navigācija ir tik svarīga daļa no jūsu mājas lapā. Tas, kā jūsu apmeklētāji naviģē uz galvenajām jomām jūsu vietnē un ļauj viegli viņiem atrast savu labu saturu.
CSS, protams, ir perfekta valoda projektēšanai skaistas navigācijas izvēlnes. To var piemērot jebkura veida mājas lapā un ir ļoti elastīga. Vai nav satraukti, ja jūsu pašu CSS prasmes ir diezgan ierobežotas, jo ir daudz lielisku konsultācijas, kas tur, kas iet jums caur to, kā pievienot tīru un profesionālu meklē CSS izvēlnes, lai jūsu mājas lapā. Jūs varat vai nu kopēt un ielīmēt kodu savā dizainā vai modificēt izvēlni atbilstoši savām vajadzībām.
Css tikai Lavalamp līdzīgu Fancy Menu Effect
Šoreiz let's get iedvesmojoties no bīdāmās izvēlnes efektu, kas pazīstams arī kā Lavalamp efekts (ex. here). Mēs atjaunot to ar tīru css – izmantojot css3 pārejas un vispārējo brālis combinator selektoru. Zemāk mēs apspriedīsim trīs vienkāršus piemērus (vispirms skatiet demonstrāciju).
Sešstūra izvēlne
Pastkastes lietotāja ui
apvēršanas izvēlnes perspektīva
Kaut ko es domāju izveidota skice i did pirms dažām dienām, kad man bija garlaicīgi. -Labākais rezultāts ar webkit priedēklis pārlūkprogrammām.
CSS sociālās akciju poga
CSS Sociālās akciju poga iedvesmoja.
Windows 8 metro stila izvēlne
CSS sieta ēdienkarte
Šeit ir nedaudz izvēlni, ka es varu izveidot ar tīru HTML & CSS
Vienkāršā Vertikālā izvēlne ar jQuery un CSS3
Vienkāršs, bet ļoti stilīgs vertikālo izvēlni, izmantojot dažas CSS3, mazliet jQuery, pasūtījuma teksta fontu un visvairāk iespaidīgs ikonu fontu jūs varat atrast šajā brīdī, kas ir FontAwesome.
Konta izvēlne
Švītīgs modāls logu efekti
Eksperimentālo modālo logu izskata efektu kopa ar CSS pārejām un animācijām.
Flexy Menu – Responsive Horizontal & Vertical Menu
Flexy ir izvēlnes komponents, kas balstās uz CSS un Javascript kodu. Flex Menu to var izmantot kā horizontālu vai vertikālu izvēlni. Tā ir atsaucīga un saliekama izvēlne, kas piemērota jebkura veida mājas lapā..
Superfish Izvēlne ar jQuery
Superfish ir uzlabota Zīdējs zivs stila izvēlne jQuery spraudnis, kas ņem esošo tīru CSS nolaižamo izvēlni (tāpēc tas degradējas graciozi bez JavaScript) un piebilst šādus daudz-pieprasītie uzlabojumi.
Pārklājuma efekta izvēlne ar jQuery
Šajā apmācība mēs gatavojamies izveidot vienkāršu izvēlni, kas izceļas, kad mēs lidināties pār to, aptverot visu, izņemot izvēlni ar tumšu pārklājumu. Izvēlne paliks balta, un apakšizvēlnes apgabals paplašināsies. Mēs radīsim šo efektu, izmantojot jQuery. Tātad, sāksim!
Pielāgota nolaižamā saraksta stils
Apmācība par to, kā izveidot dažus pielāgotus nolaižamos sarakstus. Mēs parādīsim piecus piemērus ar dažādām izskata nolaižamajām izvēlnēm un sarakstiem dažādiem mērķiem.
Horizontāla nolaižamā izvēlne
Adaptīva horizontāla nolaižamā izvēlne, ko iedvesmojusi Microsoft.com izvēlne.
Vertikāla ikonas izvēlne
Fiksēta vertikāla ikonu izvēlne, kas pielāgo tās lielumu mazākiem ekrāniem.
Akordeons, Akordeons
Vienkāršs, ligzdojams akordeons ar dažiem ligzdošanas līmeņu piemēriem un multivides vaicājumu.
Slaidu un spiedpogām
Fiksētie izvēlnes, kas slide out no lapas pusēm un gadījumā, ja labajā un kreisajā pusē pēc izvēles pārvietot ķermeni.
Responsive Multi-Level Menu
Atsaucīga vairāklīmeņu izvēlne, kas parāda tās apakšizvēlnes savā kontekstā, ļaujot saglabāt vietu prezentāciju un lietojumu.
Vienkāršā YouTube Izvēlnes Effect
Apmācība par to, kā atjaunot ietekmi YouTube maz kreisajā pusē izvēlni. Ideja ir slaidu nedaudz izvēlnes ikonas labajā pusē, vienlaikus atklājot kādu izvēlnes vienumu sarakstu zem.
Adaptīva tīklenes gatavības izvēlne
Atsaucīga, skārienjutīga un tīklenei gatava izvēlne ar trim izkārtojumiem dažādiem pārlūkprogrammas izmēriem.
Horizontāla izvēlne Iziet no izvēlnes
Horizontāla slaidu izvēlne ar apakšizvēlnes sīktēlu izkārtojumu, kas līdzīgs režģim. Izmantojot multivides vaicājumu piemērus mazākām ierīcēm.
Rīka padoma izvēlne
Vienkārša rīka padomu izvēlne, kurā apakšizvēlne parādīsies virs vai zem galvenās izvēlnes atkarībā no pieejamās vietas.
Neptūns – horizontāla apakšizvēlne
Tas ir tīrs HTML5/CSS3 izvēlni. Izvēlne ir HTML5 struktūru un darbojas uz visām galvenajām pārlūkprogrammām. Izvēlne ir viegli rediģēt un integrēt jebkurā mājas la
pā. Izvēlne darbojas (galvenā struktūra ir 100% pats) par Internet Explorer 9 un 8, bet animācijas un daži citi CSS3 funkcijas nedarbojas.
Menufication – Responsive Fly-Out Menu
Navigācija ir viens no svarīgākajiem aspektiem mājas lapā. Fly-out menu (ar iedvesmu no Facebook) ir izrādījusies visefektīvākā navigācija, kas ievērojami var uzlabot jūsu apmeklētājiem pieredzi jūsu mājas lapā!
Menufication ir lietotājam draudzīgu, pielāgojamu jQuery-spraudnis, lai pārveidotu jūsu vietnes navigāciju uz atsaucīgu izlidošanas izvēlni Facebook veidā.
DeepMenu – daudzlīmeņu navigācijas izvēlne
DeepMenu ir daudzlīmeņu navigācijas izvēlne ar četrām dažādām pārejām starp slāņiem un gandrīz 20 citiem pielāgošanas rekvizītiem. Ja JavaScript ir atspējots, tas darbojas kā horizontāla nolaižamā izvēlne. Pārbaudiet, vai tiešraides demonstrācijā nav priekšskatīšanas un papildinformācijas.
Universal Atsaucīgs Mega Menu
Šī izvēlne ir rezultāts kombinācija manu labāko darbu Codecanyon: Es esmu salikti kopā elastīgu mega menu sistēma, kas var būt 12 izmēri drop downs, neierobežots izlidošanas elementi kopā ar jQuery skriptu, lai uzlabotu visu sistēmu.
To var izmantot kā lipīga kājenes (ar mega "drop-ups"), izmantojot tieši tādu pašu atzīmes kā "standarta" mega izvēlni. Jūs varat pārslēgties starp šiem 2 variantiem, vienkārši mainot vienu klasi.
Izmantojot piemēra lapas, jums ir visi nepieciešamie kods gatavs izmantot jūsu vietnē. Pielāgojot izvēlni prasa dažas pamatzināšanas CSS, un jūs varat mainīt izskatu katru daļu no izvēlnes: fontus, krāsas, izmēri, uc Skripts ietver dažas iespējas viegli uzstādīt, lai jūs varētu izvēlēties, kāda veida efektu piemērot (par peles kursoru vai peles klikšķi, izbalināt, slaidu …).
Feedly style CSS animated menu Feedly style CSS animācijas menu
Iedvesmas iOS lietotnes izvēlnes iedvesmots, bet ar vērpjot. Šī
izvēlne pakāpeniski zūd lappuses ielādes un ir pievienojusi lidināties efektus, lai izstieptu izvēlnes elementu out.
Redizains
Beidzot ieguva aptuveni, lai redizains manā mājas lapā.
Pure Css3 Atsaucīgi Navigācija
Viegli izma
ntotPure
Css3Horizontal Navigati
onFull Responsi
veNo javascript, ne JQuery..
Kāpņu hover nav
Tagad jQuery spraudni.
CSS3 Slide Down / Up Menu
Tas ir slēptās top-menu, ka slaidi uz leju (tad atpakaļ uz augšu) par klikšķi – bez javascript. Es, izmantojot: mērķa pseido-selektors un vienkāršu pāreju, kas padara pieredzi veida patīkamu.
CSS3 Akordeons un Toggle logrīku Kit
CSS3 Akordeons un toggle widget Kit ietver kopumu viegli stilu un īstenot – Pure CSS3 elastīgu un atsaucīgu Akordeoni un toggle Widgets – Kit nāk ar 6 gatavs tīru tēmas un darbojas visās lielākajās pārlūkprogrammās, tostarp atkāpšanās par IE8.
IcoRoll – Scroll Navigation System
Atsaucīga ritināšanas izvēlnes sistēma, kas nodrošina ideālu risinājumu vertikālai navigācijai uz pc un mobilajām ierīcēm.
Tas savieno html id atribūts lapā ar izvēlni, lai izvēlne zina, kur lietotājs ir lapā.
jQuery Akordeons
jQuery Akordeons ir akordeons komponents, kas atrodas Javascript un CSS. Tam ir atsaucīgs un šķidruma izkārtojums, tīkla sistēma un 8 iepriekš iestatīti stili.
jQuery Slēptie Panelis
JQuery spraudnis, kas pievienoja slēpto paneli 4 pozīciju pārlūka stūrī. To var izmantot, lai parādītu attēlu galeriju vai video vitrīna..
Clean CSS3 Izvēlne
Šī Clean CSS3 izvēlne ir elastīga un viegli integrēt risinājumu, lai izveidotu savu pielāgoto izvēlnes. Izvēlne balstās tikai uz CSS3 un HTML. Viss ir balstīts uz 960 režģa sistēmu. Šī prece nāk ar 6 krāsu varianti. Šis izvēlnes dizains pilnībā reaģē
CSS Dzīvoklis pagination
Tas ir vienkāršs, dzīvoklis un stilīgs pagination. Tas nāk ar 6 iepriekš stilīgs krāsu tēmas, 2 virzienā, 4 dažādos izmēros un vairāk. Ļoti viegli īstenot jūsu HTML dokumentu. Nav attēlu ! Tikai CSS. Tā atbalsta visas galvenās pārlūkprogrammas. Dokumentācija ir iekļauta.
jQuery DragPan jQuery DragPan
Sniedziet jūsu mājas lapas apmeklētājiem iespēju orientēties lielu platību sniegti HTML ātri. Noderīgas, lai izveidotumaps lielveikalu, iepirkšanās centri, atrakciju parki, zooloģiskie dārzi, festivāla vietas, teātri, lidostas, sēdvietu plāni faktiski jebkur, kur karte būtu lielāka nekā lietotāju pārlūku.
UI-Pro – Simple Metro Style Navigation Bar UI-Pro – Simple Metro Style Navigation Bar
Ar šo vienkāršo jQuery Plugin jūs varat viegli izveidot Metro (tagad vienkārši sauc Windows 8 UI) stila navigācijas joslas. Spraudnis pakete nāk ar ikonu pack sauc ikonu, ko rada PJ Onori, kuru jūs varat viegli noteikt ar CSS klasēm. Šis spraudnis ir minimālas funkcijas un iespējas, tas ir izveidots tīmekļa pārziņiem, kuriem nepieciešama līdzīga funkcionalitāte savā (s).
MenuStation – Real Unlimited Responsive Menu
Funkcijas
Real Unlimited Menu
Responsive Design
Light Weight
Many Colors to Change
Submenu HTML Content for Multi Purpose
1 to 4 Columns in Submenu
Easy Customization
Nogludināma izvēršamā izvēlne
Smooth Paplašināma izvēlne ir galīgais instruments, lai izveidotu minimālu vertikālo paplašināms izvēlnes, ko var viegli pielāgot, jo tā 17 iebūvēto config parametriem, tieši no html failu / skriptu zvanu. Iepakojums ietver 3 paraugus (Serif, San Serif un Tiny), lai atvieglotu integrāciju jebkurā interneta projektu. Tas izmanto Google fontu bibliotēkas sistēmu, tāpēc jums nebūs nepieciešams integrēt fontu failus vai @fontface skriptus. Tas ir optimizēts mobilajām ierīcēm.
Cilnes – SEO & Mobile Friendly
jTabs (cits nosaukums Jaegers Tabs) būvētas ar mūsdienu interneta standartiem prātā, izmantojot pasūtījuma viegls JavaScript bibliotēka (4kb gzipped).
Zozo cilnes
Pavisam jaunā versija (v3.5) zozo cilnēm ir pilnībā atsaucīgi un Touch-Enabled, izmantojot HTML5 un CSS3 standartus nevainojamu ātrumu un veiktspēju galddatoru pārlūkprogrammās un vissvarīgāk mobilajās pārlūkprogrammās. Tas darbojas un jūtas tāpat kā dzimtā app!. Arī ļauj jums, lai ritinātu automātiski uz augšu no lapas, noklikšķinot uz cilnēm / nolaižamā izvēlne mazākos ekrānos, lai parādītu
savu saturu. Zozo Tabs ir viegls un ļoti pielāgojama jQuery spraudnis, lai nodrošinātu pilnu tab funkcionalitāti, ko var integrēt jūsu vietnē / blog ātri, ne writing any code. Dažas no tā galvenajām iezīmēm ietver: piemēram, horizontālās un vertikālās cilnes, Deep-Linking, 10 Elastīgi veidi, kā pozicionēt, Jaudīgi API, 10 unikālas tēmas un vairāk. Vai mēs pieminēt tas darbojas arī uz vecākiem pārlūkiem, piemēram, IE7 un IE8?
OpenPanel – Open Responsive Panel Anywhere
OpenPanel ir jQuery spraudnis, kas ļauj jums atvērt paneli jebkurā vietā, kur jūsu lapā, neierobežots paneļi, kā jūs vēlaties, un atbalstu atsaucīgi dizains. Ar šo mazo spraudnis jūs varat atvērt vairāk vietas, lai jūsu vietni, lai pievienotu kaut ko vēlaties.
OneMenu – Atsaucīgi Metro UI Menu
OneMenu ir jQuery navigācijas izvēlnes spraudnis, kas ir izveidots Metro UI tēmām. OneMenu atbalsta atsaucīgu dizainu, neierobežotas izvēlnes.
Fusion cilnes un Slider ar jQuery
Cilnes ar Animāciju, piemēram, Slider.Iz
mantojiet to kā tabs vai kā Slider vai kāpēc ne abi?
Vai jūs vienmēr gribēja noderīgas cilnes ir animācijas vairāk iedomātā? kaut kas līdzīgs slīdni? tad tas ir spraudnis jums, cilnes var slaidu horizontāli un vertikālie veidi arī ir 15 dažādi efekti pieejami starp pāreju un visiem strādā ar auto augstumu atkarībā no tā satura.
Box Akordeons Izvēlne – Atsaucīgi
Jūs varat spēlēt aptuveni ar visām tās funkcijas, lai padarītu savu.
Akordeons Multi Menu
Vienkāršs, moderns un viegli uzstādīt jQuery un CSS3 vertikālo akordeons izvēlni.
MelonHTML5 – Bīdāmās Izvēlne
Bīdāmās izvēlne ir izvēlnes spraudnis, kas der jebkurā mājas lapā. Tas nāk ar savu unikālo bīdāmās dizains un daudz API iespējas, kas ļauj jums pielāgot to. Tiek atbalstītas visas pārlūkprogrammas un mobilās ierīces. Tas darbojas vislabāk Firefox, Chrome, IE10 +, Safari un Opera, un ir arī pilnībā funkcionāla IE7, 8, 9 ar nedaudz atšķirība: no CSS3 animācijas un 45 grādu rotāciju.
Lūdzu, sniedziet tai ātru vērtējumu, ja jums patīk šī. Ja jums ir kādi ieteikumi / iezīme pieprasījumu vai jūs atradīsiet kļūdu, jums ir vairāk nekā laipni aicināti sazināties ar mani, un es ņemšu risināt tos ASAP.
Metro Style Side Menu
Iezīmes:
Crossbrowser
Simple/Clean
Metro Style
900+ SVG Icons
Hight Resolution (100% vector)
Valid HTML5
Vertu – Akordeons Izvēlne
Vertu – Akordeons Izvēlne vienkārša un skaista akordeons izvēlne jums mājas lapā.
Vertikālās reaģēšanas izvēlne
Adaptīvās vertikālās izvēlnes kolekcija ar 20 krāsu shēmām, starppārlūku atbalstu un vieglu integrāciju. Adaptīvo vertikālo izvēlni var izmantot jebkuras vietnes sānjoslās, kā arī administrēšanas informācijas paneļos.
Pure CSS3 Akordeons Menu
Funkcijas
Pārlūkprog
rammas:
ChromeFi
refoxO
peraSa
fariInternet Explorer 10
7 krāsas:
Blue
Purple
Red
Orange
Green
Yellow
Black
WordPress Menufication
Navigācija ir viens no svarīgākajiem aspektiem mājas lapā. Fly-out menu (ar iedvesmu no Facebook) ir izrādījusies visefektīvākā navigācija, kas ievērojami var uzlabot jūsu apmeklētājiem pieredzi jūsu mājas lapā!
WordPress Menufication ir lietotājam draudzīgs, pielāgojams WordPress-spraudnis, lai pārveidotu savu WordPress 3 izvēlnes atsaucīgi izlidošanas izvēlni Facebook veidā.
Vienkārši izvēlēties to, ko WordPress 3 izvēlni izmantot, un jūs esat gatavi iet. Tas ir tik vienkārši!
niceMenu – WordPress Plugin niceMenu – WordPress Plugin
niceMenu – WordPress PluginA j
auns veids, kā slīdēt starp vairākiem līmeņa milzīgs izvēl
nē. Tagad kā WordPress sprau
dnis! Jūs varat pārvietoties vairākos līmeņos ļoti v
iegli! Tikai daži klikšķi & izvēlne ir instalēta jūsu WordPress mājas lapā.
Tas ir viegli pozicionēt jebkur, kā widget sānjoslas. Var
at ievietot pielāgotas saites, tīmekļa lapas un kategorijas.
UberMenu – WordPress Mega Menu Plugin UberMenu – WordPress Mega Menu Plugin
UberMenu ir lietotājam draudzīgs, ļoti pielāgojams, atsaucīgs Mega Menu WordPress spraudnis. Tas darbojas no kastes ar WordPress 3 Menu System, padarot to vienkārši, lai sāktu, bet pietiekami spēcīgs, lai radītu ļoti pielāgotus un radošus mega menu konfigurācijas.
Spice up your menu ar CSS3
Šajā jaunajā kategorijā ar nosaukumu "Padomi un triki" mēs ieviesīsim dažas ātras un interesantas metodes ap web izstrādes un web dizains. Šodienas tip mēs jums parādīs, kā spice up your menu, pievienojot veikls lidināties efektu uz to. Ideja ir slaidu attēlu, kas pa labi, kad lidināties pār izvēlnes vienumu.
Izvēlne ar CSS3 Efekti un Paziņojumu Burbuļi
Šī izvēlne ar CSS3 Ietekme un paziņojums Burbuļi ir viss, kas jums nepieciešams. Funkcionalitāte ir sadalīta dažādās daļās, un tas padara to ļoti spēcīgs.
Kodols ir rock cieto bāzi par katru css izvēlni ar neierobežotu izvēlnes līmeni un mega izvēlni. Ietekme ir tīra css, bet jūs varat izmantot jQuery spraudnis atbalstam vecākās pārlūkprogrammās. Izvēlnes stili ir arī tīra css un nav attēlus izmanto.
Dark Menu: Pure CSS3 divu līmeņu Izvēlne [Tutorial]
Dažas dienas atpakaļ mēs izlaidām Freebie sauc Dark Menu bezmaksas PSD un šajā viegli sekot apmācība jūs uzzināsiet, kā izveidot šo divu līmeņu Dark Menu HTML un Pure CSS3. Nr Javascript vai attēli ir izmantota, lai izveidotu šo izvēlni, un es ceru, ka jūs varat uzzināt dažas metodes, kas palīdzēs jums nākotnes projektiem.
Tagad, ja jums nav tik pazīstams ar CSS3 varat vai nu uzzināt par to CSS3.info vai W3Schools. Jūs varat arī izmantot šo tiešsaistes CSS3 ģenerators, lai palīdzētu jums izveidot šos stilus viegli. Off protams, jums ir nepieciešams, lai visi HTML kodu iekšpusē HTML dokumentu un visus CSS stilus vai nu HTML dokumenta galvenes vai atsevišķā CSS failu. Visas krāsas, efekti, ēnas tiek ņemti no Dark Menu PSD failu. Tagad sāksim mūsu pamācību.
Sherpa | Complete Navigation System (CSS Edition)
Kā norāda nosaukums, Sherpa ir pilnīgs risinājums visām navigācijas prasībām.
Sherpa apvieno trīs galvenos navigācijas elementus katrā saskarnē – Navbar, Sidebar un Sticky Footer.
Katrs no tiem sastāv no dažādiem izvēlņu veidiem, tostarp: Slide Menu, Mega Menu, Akordeons Menu (sānjoslas) un Drop Menu. Jūs varat izvēlēties, izvēlēties un samaisa tos, lai patiešām unikālu navigāciju.
Tā ir 10 dažādu krāsu ādas, 12 skaisti fona attēlus, izmanto CSS3 efektus un nāk ar 500 + ikonas, lai padarītu to par vienu no labākajiem meklē navigāciju uz Codecanyon. Pārbaudiet ekrānšāviņi un preview.
Tā vietā, lai mēģinātu apvienot daudz dažādu navs no daudziem dažādiem avotiem, izvēlēties Sherpa | Complete Navigācijas sistēma un ietaupīt laiku, integrējot savā sistēmā.
Making a CSS3 Animated Menu
Šajā īsajā apmācība, mēs, izmantojot jaudu CSS3 ietekmi un pārejas, lai izveidotu JavaScript bez animācijas navigācijas izvēlni, kuru var izmantot, lai pievienotu pulēta izskatu jūsu mājas lapā vai veidni.
HTML5/CSS3 nolaižamā izvēlne
Super elastīga un semantiskā HTML5 / CSS3 nolaižamajā izvēlnē, absolūti nav JavaScript. Ļoti viegli un ātri īstenot!
CSS3 nolaižamā izvēlne
Kamēr es biju kodēšanas Notepad tēmu, es esam iemācījušies dažas jaunas CSS3 funkcijas, un tagad es gribētu dalīties tajā ar jums. Skatiet demonstrāciju, lai skatītu Mac līdzīgu daudzlīmeņu nolaižamo izvēlni, ko esmu izveidojis, izmantojot apmaļu rādiusu, lodziņa ēnu un teksta ēnu. Tas padara perfektu par Firefox, Safari un Chrome. Nolaižamais saraksts darbojas arī ārpus CSS3 kompistablas pārlūkprogrammās, piemēram, IE7+, bet noapaļoti stūri un ēna netiks sniegti.
Vienkārša navigācijas izvēlne
Nice, simple navigation menu with dark sub menu. Ideāli piemērots sarežģītām tīmekļa vietnēm, lielākiem emuāriem utt. Kā parasti, tas ir vektors un pilnībā slāņveida PSD failu. Ja jums patīk, lūdzu, dalīties ar to čivināt un / vai Facebook.
CSS3 Mega Drop Menu
jQuery vertikālā nolaižamā izvēlne
Skripti ir divi sarežģīti jQuery izvēlnes plugins ar neierobežotu skaitu apakšizvēlnes, viegli integrēt.
CSS3 Bīdāmās Izvēlne
Tas bieži vien vislabāk likt lietas prom, līdz jums tās ir nepieciešams. Navigācijas izvēlnes ir labs piemērs. Ja es esmu lasījumā rakstu, es nevēlos lielu daļu ekrāna nekustamo īpašumu, kas veikti ar saitēm – it īpaši uz mobilo ierīci.
Šajā rakstā mēs gatavojamies veidot slide-out izvēlni, izmantojot CSS atsevišķi. Ja jūs izmantojat modernu pārlūku, tas arī parādīs jauki 3D lapas efektu.
CSS navigācija
CSS navigācijas josla ar nolaižamajiem elementiem un pārejas efektiem. Ir viens jautājums, kas ir, kad jūs pārvietot peles kursoru virs nolaižamās izvēlnes lēnām, tas slēpj. Tātad, jums ir nepieciešams, lai pārvietotu peli ātri lidināties uz nolaižamās izvēlnes elementiem. Tas ir dažas viegli un ātri krāsu korekcijas arī, kas tiek darīts, izmantojot jQuery. Ikonas ar Entypo.
Slide Down Box Izvēlne ar jQuery un CSS3
Šajā apmācība mēs izveidosim unikālu bīdāmās kastes navigāciju. Ideja ir padarīt lodziņu ar izvēlnes vienumu slide out, bet sīktēls uznirst. Mēs arī apakšizvēlni ar papildu saites dažiem izvēlnes elementiem. Apakšizvēlne slīdēs pa kreisi …
Izveidot Akordeons Izvēlne (CSS3 + jQuery)
Kā jūs varat ievērojuši, pirms dažām dienām mēs izlaidām pamācību par to, kā izveidot Akordeons izvēlne Pure CSS3. Tā kā šis tīrs CSS3 Akordeons Menu nestrādās par visām pārlūkprogrammām, jo: mērķa selektors neatbalsta vecākajām pārlūkprogrammām mēs nolēmām izveidot jQuery versiju šajā izvēlnē. Arī jQuery piedāvā lielāku stabilitāti un pārrobežu pārlūku saderības atbalstu tā, ja jūs vēlaties, lai nodrošinātu jūsu apmeklētājiem / klientam labāku produktu jūs varat apsvērt iespēju izmantot šo jQuery versiju.
Super menu pack (10 izvēlnes)
Super menu pack ir kolekcija 10 atdzist izvēlnes, 5 tīra css un 5 izmantojot jQuery sistēmu, lai pielāgotu vai izkārtojumu ar jūsu mājas lapas vai programmas un projektus.
Tas ir ideāli piemērots ikvienam, kurš vēlas dot īpašu pieskārienu to dizainu vai atrast sākuma punktu. Es mēģināju izveidot kolekciju, kā daudzveidīgs, cik vien iespējams stilā un izskatu, lai dotu jums izvēli. Domāšana dizaina strādā ar kodu.
Pakotnē ir visi nepieciešamie faili:
– HTML – CSS – JS – Images – Cufon fonti ar izmantošanu atļaut – Komentēja un dokumentēta kods – Papildu dokumentācija
Visas izvēlnes ir viegli pielāgot no CSS . Katrā failā jūs atradīsiet detalizētu coments.
Ceru, ka jums patiks!
CSS3 nolaižamā izvēlne
Aizmiglot Izvēlne ar CSS3 Transitions
Ir tik daudz lielas lietas, mēs varam darīt ar papildu īpašības un iespējas, CSS3 nes līdzi. Šodien es vēlos jums parādīt, kā eksperimentēt ar teksta ēnām un pārejām, lai panāktu aizmiglotu efektu, ko mēs piemērosim uz izvēlni, kas atrodas virs elementiem. Galvenā ideja ir aizmiglot citus priekšmetus, vienlaikus uzlabojot vienu mēs šobrīd svārstības.
Responsive Mega Menu Complete Set
Šī Mega Drop Down Menu Complete Set ir ideāls, lai radītu unikālu izvēlnes, izmantojot vienu no 9 jQuery ietekmi un vienu no krāsu shēmām.
Pamatojoties uz pielāgotu režģi, šī izvēlne ļauj organizēt saturu kolonnās (no 1 līdz 12) ar daudziem tipogrāfijas piemēriem, piemēram, virsrakstiem, sarakstiem, attēlu stils, tabulas, formas elementi, uc
CSS3 Mega Drop Down Menu
Šī Mega Drop Down Menu ir elastīga un viegli integrēt risinājumu, lai izveidotu savu pielāgoto izvēlnes. Nolaižamajā balstās tikai uz CSS / XHTML un nāk ar pilnībā darba kontaktu formu.
Ir iekļauti 3 galvenie varianti: horizontāli, vertikāli līdzināti pa kreisi un vertikāli līdzināti pa labi.
Saturu var organizēt 6 kolonnās, pamatojoties uz 960 režģa sistēmu. Šī prece nāk ar 9 krāsu varianti (un 2 krāsu shēmas nolaižamajā – tumšs un viegls) un detalizētu dokumentāciju, lai palīdzētu jums pielāgot to.
