Secțiuni de site
Alegerea editorului:
- Ce să faci dacă nu există o unitate D pe computer?
- Cum să adăugați corect o nouă partiție pe un hard disk?
- O recenzie a difuzoarelor Bluetooth JBL Flip3
- Formate de carte
- Conectarea și configurarea TV interactiv de la Rostelecom
- Cum să vă ștergeți contul de Instagram
- Tabletă Android sau iPad - ce să alegi?
- Cum se formatează corect o continuare a tabelului în Word
- Ce să faci dacă evoluezi offline
- Testarea procesorului pentru supraîncălzire
Publicitate
galerie portofoliu jquery. Fotorama - galerie jQuery receptivă, instalare și configurare |
de Dmitri Semenov de Andy – The Coffeescripter de Trent de Aino de CatchMyFame de Thomas Kahn de Victor Zambrano – frwrd.net de Caspar David Friedrich de Arnault Pachot de Stefan Petre de Moreno Di Domenico de Fabrizio Calderan de Cody de Malihu Miniaturile proiectului derulează atunci când mutați cursorul mouse-ului în coloana din stânga. Zona de conținut afișează o imagine mai mare cu numele proiectului, descrierea și lista tehnologiilor utilizate. Pe măsură ce vă deplasați între miniaturi, informațiile despre proiect se schimbă unele cu altele cu un efect animat uimitor. Când faceți clic pe o imagine din pagina de descriere, aceasta se mărește folosind animația jQuery. Aș dori, de asemenea, să remarc elegantul uimitor aspectîntreaga pagină de portofoliu. Urmăriți demonstrația. 2. Super implementare a unui site de portofoliu folosind CSS și jQueryImplementare excelentă a site-ului de portofoliu al unui fotograf. Când faceți clic pe un element de meniu, o zonă cu conținut de înălțime și lățime fixă este asamblată din pătrate împrăștiate pe ecran. Pentru a încadra mai multe informații într-o zonă fixă, conținutul poate fi derulat. Implementarea afișării lucrărilor din portofoliu este neobișnuită: când dați clic pe miniatură, fotografia este afișată ca imagine de fundal, care se scalează automat pe măsură ce fereastra browserului este redimensionată. 3. Perete de portofoliu cu jQueryO soluție originală pentru crearea unui portofoliu online. Blocurile de proiect (miniaturi și o scurtă descriere cu un link) sunt afișate mai multe la rând atunci când schimbați fereastra browserului, blocurile sunt redistribuite uniform pe pagină cu un efect animat. Fiecare proiect poate avea mai multe imagini în miniatură, tranziția dintre care se realizează cu ajutorul săgeților. Făcând clic pe link se deschide o pagină cu o descriere completă, pe care textul este plasat pe un bloc semitransparent de înălțime fixă cu derulare. O imagine scalabilă a proiectului este utilizată ca fundal pentru pagină. Arată grozav - urmăriți demonstrația. 4. Defilare fluidă a paginii jQueryImplementarea derulării verticale și orizontale. 5. Pluginul jQuery „Grilă de casete cu imagini dragabile”O grilă trasabilă constând din blocuri de conținut și imagini. Grila poate fi trasă folosind mouse-ul (apăsați orice buton al mouse-ului și trageți în direcția dorită). Când faceți clic pe miniatură, imaginea principală se extinde pentru a umple întreaga lățime a ecranului. Când faceți clic pe un bloc întunecat cu text, se deschide o zonă cu o descriere mai detaliată. 6. Site de portofoliu de o paginăSite-ul web de o pagină cu modificări de conținut animat. Pe pagina demo, navigați prin filele meniului pentru a vedea efectul. 7. Comutarea tipului de afișare bloc la jQueryCu asta plugin jQueryși „Switch Display Options” puteți implementa un comutator pe pagină, cu ajutorul căruia vizitatorul va trece de la o afișare tabelară a informațiilor la o vizualizare completă cu o descriere a blocurilor. Perfect pentru implementarea portofoliului. 8. Șablon pentru site-ul unui restaurant cu galerie jQuery și hartă GoogleO soluție jQuery originală creată pentru un site web de cafenea. Șablonul implementează o galerie jQuery interesantă pentru afișarea preparatelor din meniu. Imaginile din galerie sunt scalate în funcție de dimensiunea ferestrei browserului. În primul rând, galeria afișează imagini în miniatură cu un titlu și scurtă descriere feluri de mâncare, cu fotografia la dimensiune completă afișată întunecată pe fundal. Navigați între fotografiile disponibile folosind săgețile sau rotița mouse-ului. Făcând clic cu mouse-ul în modul galerie, se vor elimina miniaturile cu descrieri și vă va permite să vizualizați imaginile mari originale întinse pe toată lățimea ferestrei. Pentru a reveni la meniul site-ului din galerie, faceți clic pe linkul din colțul din dreapta sus. Pe lângă galeria șic jQuery, o hartă de la Google este integrată foarte eficient în șablon. 9. Plugin Plasm The WallPentru a crea „pereți” unici din fotografii sau blocuri HTML care pot fi trase pe ecran într-o zonă fixă folosind mouse-ul. 10. Plugin pentru afișarea elementelor într-un cercAfișarea diferitelor elemente pe pagină de-a lungul unui cerc cu un diametru dat. 11. Pagina substituentă „Site în curs de dezvoltare”Pagina are capacitatea de a trimite o adresă de e-mail, care este înregistrată în baza de date și căreia i se poate trimite o notificare despre deschiderea site-ului. Pagina este, de asemenea, decorată cu o mică prezentare de diapozitive bazată pe pluginul jQuery Nivo Slider v. 2.3. 12. Plugin QuickFlip 2Cu ajutorul acestuia, puteți crea un efect interesant al unei cărți de vizită care se rotește atunci când faceți clic pe un link. 13. JQuery faceți clic pe hartaIdeea este de a urmări clicurile utilizatorilor. Pentru a vedea pluginul în acțiune pe pagina demo, faceți clic pe mouse și apoi pe butonul „Analizați”. Iar punctele în care ați făcut clic cu mouse-ul vor fi afișate pe un fundal translucid. Implementarea unei tastaturi frumoase pe ecran. Nu se știe niciodată, va fi util pentru ceva. 15. Note lipicioase jQueryImplementarea foilor de note. Textul poate fi editat, iar notele în sine pot fi șterse sau mutate pe ecran. Pentru a vedea un exemplu, accesați fila „Demo” de pe pagina demo. 16. Evaluare jQuery 17. HoverAttributeDesign interesant de link: când treceți cu mouse-ul peste un link, ancora acestuia se schimbă. Arata misto. 18. jQuery Fancy captcha pentru formularul de înregistrareImplementarea captcha pentru formularul de înregistrare. Pluginul este un set de numere care trebuie setate în ordine crescătoare trăgându-le. Suficient mod interesant pentru a confirma că înregistrarea este o persoană reală și nu un robot. Există butoane în partea de jos a ecranului pe care le puteți folosi pentru a derula ușor pagina în sus sau în jos. 20. Traducător. Pluginul jQuery „jTextTranslate”Pluginul folosește Google Language API și poate traduce text în orice limbă oferită de Google. Pentru a traduce, trebuie să faceți clic pe pictograma de lângă paragraf și să selectați limba în care doriți să traduceți din lista derulantă. 21. Plugin jQuery pentru navigarea paginiiImplementare excelentă a link-urilor de defilare pentru navigarea în pagină. Implementat folosind jQuery. 22. Pluginul jQuery „Note”Acest plugin jQuery vă va permite să implementați note „de hârtie” pe site-ul dvs. web. 23. Plugin jQuery „Catch404” 24. Plugin jQuery jBreadCrumbPlugin pentru crearea unui lanț de navigare animat 25. Plugin „Reel” 26. Plugin jQuery „Dance Floor”.Plugin jQuery pentru implementarea unei pagini de produs. Când faceți clic pe imaginea unui produs, apare descrierea acestuia. 27. Plugin jQuery „Nord de etichete 3D” 28. CSS volumetric butoane 29. Defilare orizontală animată a paginiiEfectul jQuery al defilării verticale a paginii. Perfect pentru implementarea site-urilor web de o pagină și a site-urilor web de portofoliu. Pentru a vedea efectul, faceți clic pe elementul de meniu de pe pagina demo. 30. Pluginul jQuery „Sistem de evaluare”Efectul jQuery pentru implementarea evaluării a ceva. Culoarea cercurilor și a textului de sub ele se schimbă în funcție de care dintre ele trece cursorul mouse-ului. 31. jQuery Panel MagicUn plugin care implementează navigarea pe site. În acest caz, site-ul tău este prezentat ca o grilă de documente, între care se face o tranziție cu un efect jQuery interesant. Puteți utiliza cu ușurință acest plugin pentru a crea site-uri web și aplicații web mici. De asemenea, nu va arăta rău pe site-urile web din portofoliu. 32. Indicator de încărcare pe Mootools, plugin „MoogressBar”.Indicator de încărcare eficient. 33. Plugin Mootools „CwComplete”Când completați câmpul, pluginul va solicita opțiuni posibile pentru a completa folosind Ajax, caz în care va filtra și va afișa doar acele opțiuni care satisfac textul deja introdus în câmp. 34. Chat ajax excelent folosind jQuery și CSS3Înainte de a începe o conversație, vizitatorul trebuie să-și introducă porecla și adresa de e-mail. Coloana din dreapta arată câte persoane sunt conectate la chat. Tehnologii utilizate: PHP, MySQL, jQuery, CSS. 35. Implementarea paginii „Sugerează un proiect”.Vizitatorii pot adăuga o nouă propunere sau pot vota pentru una existentă. O soluție excelentă pentru cei care doresc să afle ce părere publicului lor despre site. De asemenea, puteți folosi această pagină pentru a acumula idei noi pentru dezvoltarea ulterioară a proiectului dumneavoastră. Tehnologii utilizate: PHP, MySQL, jQuery, CSS 36. Implementarea votului/sondajului cu folosind PHPși jQuery 37. Votarea pe Ajax „TinyEditor”Implementarea corectă a sondajelor pe site. Tehnologii utilizate: JQuery, Ajax, PHP și MySQL. O soluție foarte interesantă pentru implementarea votului pe un site web. Tragând blocuri în sus și în jos și prinzând imaginile cu mouse-ul, le puteți aranja pe pagină în orice ordine. Cu cât lași blocul mai sus, cu atât l-ai evaluat mai bine și, în consecință, dacă blocul este plasat chiar jos, înseamnă că ți-a plăcut cel mai puțin. După ce plasați blocurile în ordinea dorită, trebuie să faceți clic pe butonul „Trimite sondaj” pentru ca votul să fie luat în considerare. Pagina de rezultate afișează rezultatele votării și numărul de vizitatori care au votat. Tehnologii folosite: CSS, PHP, MySQL, jQuery. Un sistem simplu de comentare Ajax cu verificarea corectitudinii informațiilor introduse. Comentariile sunt stocate într-o bază de date. Implementat folosind: PHP, MySQL, CSS, jQuery. 40. Contor al numărului de descărcări de fișiere 41. Note pe pagină folosind PHPTehnologii utilizate: PHP, jQuery, CSS. Când navigați prin elementele de meniu, conținutul este încărcat fără a reîncărca pagina. Tehnologii utilizate: PHP, jQuery, CSS. 43. căutare jQuery pe site folosind tehnologia de la GoogleImplementarea căutării pe site folosind API-ul Google AJAX Search. Puteți oferi vizitatorului posibilitatea de a căuta atât pe site-ul dvs., cât și pe Internet. În acest caz, căutarea poate fi efectuată nu numai de paginile site-ului, ci și de imagini și fișiere multimedia. 44. jQuery efect de suprapunere a unei descrieri pe o imagineUn efect foarte interesant care poate fi folosit în implementarea unui portofoliu. Când faceți clic pe o imagine, aceasta se întunecă cu un fundal translucid și apare o legendă care descrie la ce ar trebui să acordați atenție. 45. Implementarea unei pagini de întrebări și răspunsuri folosind jQueryImplementarea jQuery a paginii FAQ de pe site. O listă de întrebări este afișată în partea de sus a paginii. Când faceți clic pe o întrebare, pagina derulează ușor la cea pe care ați selectat-o, iar întrebarea activă cu răspunsul ei este evidențiată într-o culoare diferită. În câmpul de răspuns activ apare și un link pentru a reveni la lista de întrebări. 46. Site web pe Ajax. Conținutul se încarcă fără a reîncărca pagina 47. Schimbarea culorilor de fundal și text folosind jQueryCuloarea se schimbă atunci când treceți mouse-ul peste ea. Puteți face schimbarea aleatorie a culorii. 48. Ghidul site-ului folosind jQueryFolosind acest plugin interesant, poți prezenta vizitatorului principalele funcții ale site-ului tău dacă îl vizitează pentru prima dată. Când pagina se încarcă, în colțul din dreapta sus apare un bloc care vă cere să faceți un tur al site-ului. Dacă un vizitator vă vizitează pentru prima dată site-ul, el poate folosi un scurt ghid pentru a se familiariza cu principalele funcții. Aceasta va întuneca pagina și blocurile necesare sunt marcate la fiecare pas. Dacă vizitatorul a mai fost deja pe site-ul dvs., el poate pur și simplu închide fereastra oferind un tur al site-ului. 49. Tur virtual al site-ului Joyride KitFolosind acest plugin, puteți prezenta vizitatorului principala funcționalitate a paginii. Acest lucru se face sub forma unei descriere pop-up secvențială a elementelor. Vizitatorul poate vedea toate sfaturile făcând clic pe butonul Următorul sau închide turul online (dacă nu este prima dată când vine pe această pagină) folosind crucea.
|
Nou
- Cum să adăugați corect o nouă partiție pe un hard disk?
- O recenzie a difuzoarelor Bluetooth JBL Flip3
- Formate de carte
- Conectarea și configurarea TV interactiv de la Rostelecom
- Cum să vă ștergeți contul de Instagram
- Tabletă Android sau iPad - ce să alegi?
- Cum se formatează corect o continuare a tabelului în Word
- Ce să faci dacă evoluezi offline
- Testarea procesorului pentru supraîncălzire
- Ce sunt serviciile publice Yesia