Wyskakujący tytuł Jquery po najechaniu kursorem na obraz. Zestaw przydatnych sztuczek jQuery Ajax CSS3 dla twórców stron internetowych

1.jQuery Hover Zoom Plugin

Oryginalne rozwiązanie do implementacji opisu obrazków po najechaniu za pomocą efektu Zoom.

2. Wtyczka „Captyfikuj”

3.jQuery opis zdjęć w galerii

Po najechaniu kursorem pojawia się opis obrazu, a sam obraz jest wypełniony półprzezroczystą warstwą o określonym kolorze.

4.jQuery implementacja podpisów graficznych

Kilka opcji implementacji podpisów do obrazów, które pojawiają się po najechaniu kursorem myszy na obraz.

5.jQuery efekt drzwi przesuwnych

Gdy najedziesz kursorem na miniaturę, w jej miejscu pojawi się opis.

6. Wtyczka jQuery "Zoominfo"

Gdy najedziesz kursorem na obraz, zmniejszy się, a pojawi się nazwa i opis zdjęcia.

7. Wtyczka jQuery „Mozaika”

Implementacja wyskakujących opisów obrazków po najechaniu myszą. Istnieje 8 różnych typów podpisów pop-up. Możesz je zobaczyć na stronie demo.

Po najechaniu kursorem myszy na obraz, wysuwa się krótki opis z linkiem do szczegółowych informacji.

9. Wtyczka do implementacji podpisu obrazu

Inna opcja implementacji wyskakujących podpisów do obrazów po najechaniu myszą. Do wyboru są dwa efekty napisów jQuery.

10. Opis obrazków „Okno podglądu”

Wtyczka do podpisywania obrazów. Po najechaniu kursorem myszy z animowanym efektem pojawia się opis obrazu. Do tworzenia animacji służy JQuery.

Opracowane na podstawie materiałów

Wtyczki jQuery są jednym z najważniejszych elementów podczas budowania strony internetowej, a właściwie dowolnej aplikacji internetowej. Pozwalają na rozszerzenie funkcjonalności. W tym artykule wymieniono najbardziej przydatne wtyczki z 2012 roku. Dla wygodniejszego wyszukiwania wszystkie wtyczki są podzielone na następujące kategorie: Układ strony WWW - wtyczki, wtyczki nawigacyjne, wtyczki formularzy, wtyczki do tworzenia sliderów, wtyczki do wykresów i wykresów, efekty do obrazów i inne. Wśród tych wtyczek znajdują się również wtyczki ułatwiające tworzenie responsywnych aplikacji.

Wtyczki do układu strony

equalize.js to wtyczka jQuery, która umożliwia tworzenie struktura blokowa Strona. Pozwala wyrównać wysokość i szerokość dowolnego elementu.

Nowa wtyczka do responsywnych układów Freetile pozwala na tworzenie elementów o dowolnym rozmiarze, eliminując jednocześnie potrzebę tworzenia stałych rozmiarów kolumn siatki.

Wtyczka Gridster.JS jquery do budowania przeciągania i upuść- siatki. Pozwala również na dynamiczne usuwanie i dodawanie elementów z siatki.

Zoomooz.js to łatwa w obsłudze wtyczka jQuery do powiększania dowolnego elementu strony internetowej. Możesz łatwo dodać efekt powiększenia, po prostu dodając klasę „zoomTarget” do dowolnego elementu HTML. Powiększenie można zresetować, klikając stronę. Wtyczka została przetestowana w Internet Explorer 9, Safari 3+, Firefox 3.6+, Opera i Chrome.

Wookmark to wtyczka do tworzenia dynamicznego szablonu wielokolumnowego.

jQuery HiddenPosition to wtyczka pozwalająca na dodanie dowolnego elementu, nawet jeśli jest ukryty.

Stellar.js to wtyczka jQuery, która zapewnia efekt paralaksy dla elementów.

Wtyczka jQuery, która dodaje prawdziwy efekt przewracania stron podczas nawigowania między sekcjami. Używane przez przyspieszenie sprzętowe... Działa na tabletach i smartfonach.

Wtyczka do responsywnej typografii. Pozwala na użycie selektora, który generuje idealny rozmiar czcionki.

Pozwala budować animowane ruchy w witrynie, w tym wszystkie możliwe przekształcenia

Wtyczki nawigacyjne

HorizontalNav to wtyczka jQuery, która rozciąga menu poziome na całą szerokość kontenera. Jeśli kiedykolwiek próbowałeś stworzyć efekt prawidłowego rozciągnięcia menu nawigacyjnego na kontener CSS w projekcie, to na pewno wiesz, jak trudno jest zapewnić kompatybilność z różnymi przeglądarkami. Ta wtyczka robi to z łatwością.

stickyMojo to lekka, szybka i elastyczna wtyczka przyklejonego paska bocznego w jQuery. Działa z Firefox, Chrome, Safari i IE8 + (dosyć dobrze obsługuje starsze wersje IE).

ddSlick to wtyczka umożliwiająca tworzenie rozwijanych menu z obrazami i opisami.

Wtyczka do łatwej organizacji paneli rozwijanych. Wtyczka obsługuje pracę z plikami cookies do przechowywania stanu paneli. Wśród opcji znajdują się funkcje powrotu do konfiguracji otwierania i zamykania sekcji.

Wtyczka do tworzenia zwijanych bloków, które mogą zawierać dowolne dane na ograniczonej przestrzeni.

Kształtowanie wtyczek

Wtyczka pozwala określić poziom złożoności hasła.

Wtyczka JQuery do wizualizacji procesu przesyłania plików. Obsługuje przeciąganie i upuszczanie oraz tworzy natychmiastowe podglądy zdjęć.

Wtyczka wykrywająca i weryfikująca numery kart kredytowych. Pozwala określić rodzaj karty kredytowej.

Wtyczka do filtrowania danych. Możesz filtrować dane według tagów oraz według wielu tagów i kategorii.

Wtyczka, która weryfikuje dane wejściowe E-mail za poprawność według wcześniej przygotowanej listy (tu możesz zaliczyć najpopularniejsze usługi pocztowe mail.ru, yandrex.ru, gmail itp.).

Wtyczki do tworzenia sliderów i karuzeli

Wtyczka umożliwiająca sterowanie przejściami za pomocą myszy, touchpada i klawiatury. Możesz dodać dodatkowe przejścia do przejść domyślnych, które również znajdują się w pliku źródłowym.

iosSlider

iosSlider to wtyczka do responsywnego suwaka w różnych przeglądarkach.

RSlider to suwak reagujący na pełny ekran. OAutomatycznie dopasuje się do szerokości ekranu.

Fresco to responsywna wtyczka lightbox. Można go używać do tworzenia oszałamiających nakładek, które działają świetnie na wszystkich rozmiarach ekranu, we wszystkich przeglądarkach i na wszystkich urządzeniach.

BookBlock: Wtyczka przerzucania treści

BookBlock to wtyczka jQuery, której można używać do tworzenia komponentów broszur, które umożliwiają tworzenie nawigacji z przerzucaniem stron. Można tu użyć dowolnej treści, czy to obrazów, czy tekstu. Wtyczka przekształca strukturę tylko wtedy, gdy jest to konieczne (innymi słowy, tylko wtedy, gdy strona jest przewracana) i używa nakładek i cieni, aby wyglądała realistycznie.

Adapter to lekki suwak treści, który zapewnia programistom prosty interfejs do tworzenia pięknych animacji obracania slajdów 2D lub 3D. Obecnie istnieje wsparcie dla właściwości 3D w przeglądarkach webkit i Firefox. Wszystkie przejścia 2D zostały przetestowane w IE6 + i innych nowoczesnych przeglądarkach.

Ciągła karuzela z kilkoma przydatnymi funkcjami.Jest wysoce konfigurowalny i obsługuje nawet starsze przeglądarki.

Nosorożec- dość elastyczny jQuery wtyczka pokazu slajdów. Oferuje nie tylko różnorodne efekty, ale także możliwość dodawania własnych stylów, efektów i funkcji do suwaka.

Sequence to wtyczka do jQuery, która w oryginalny sposób przewija zawartość i daje Ci pełną kontrolę. Można używać dowolnego rodzaju treści; będzie się przewijał w nieskończoność. Wykorzystuje znaczniki semantyczne i obsługuje responsywne szablony oraz urządzenia dotykowe.

Glisse.js to prosta, responsywna i wysoce konfigurowalna galeria zdjęć jQuery.

Wtyczki do wykresów i wykresów

Morris.js to lekka biblioteka, która wykorzystuje jQuery i Raphaël, aby ułatwić rysowanie wykresów szeregów czasowych.

JQuery Org Chart to wtyczka, która umożliwia tworzenie struktur drzewiastych z zagnieżdżonymi elementami. Dane są wprowadzane do zagnieżdżonej nieuporządkowanej listy, dzięki czemu wtyczka jest niezwykle łatwa w użyciu.

Wtyczki typograficzne

Bacon.js to wtyczka jQuery, która umożliwia zawijanie tekstu wokół krzywej lub linii Béziera.

Textualizer to wtyczka jQuery do tworzenia pięknych efektów w tekście. Obsługiwana praca w: Chrome, Safari 4+, Firefox 3.5+, IE 6,7,8,9+, Opera 10.6+, Mobile Safari (iOS 4)

SlabText to bardzo przydatna wtyczka jQuery, która dzieli nagłówki linia po linii przed zmianą rozmiaru każdej linii, aby wypełnić dostępną przestrzeń poziomą.

trunk8 to wtyczka do obcinania tekstu jQuery. Zmniejsza duży blok tekstu do mniejszej sekcji do podglądu.

Wtyczki do tworzenia różnych efektów dla obrazów

To jest wtyczka jQuery, która używa filtrów CSS3 do tworzenia efektu pochylenia.

Wtyczka do implementacji efektu responsywnych obrazów.

Wtyczka jQuery ułatwiająca tworzenie map obrazów. Za pomocą tego narzędzia można podświetlić lub wybrać dowolną mapę obrazu, a także można nią manipulować różne sposoby... Działa na wszystkich głównych przeglądarkach, w tym Internet Explorer 6, nie używa Flasha i nie wymaga niczego poza jQuery. Niektóre zaawansowane efekty wymagają obsługi HTML5, ale nadal będą działać w starszych przeglądarkach.

Responsywne, lub jak kto woli responsywne projektowanie stron internetowych to już nie tylko kolejny trend w projektowaniu, to już rodzaj standardu tworzenia stron internetowych, który zapewnia uniwersalność stron internetowych, harmonijną percepcję wizualną na ekranach różnych urządzeń użytkowników. Niedawno, w trakcie opracowywania responsywny szablon, miałem do czynienia z różnymi trudnościami integracji niektórych sliderów i galerii obrazów bez naruszania ogólnego stylu projektowania. Teraz wszystko jest o wiele prostsze, sieć istnieje duża ilość gotowe rozwiązania i co szczególnie cieszy, większość z nich jest swobodnie dostępna, z otwartymi kod źródłowy.

Ze względu na różnorodność oferowanych narzędzi opracowałem mały przegląd najważniejszych zmian w adaptacji suwak jQuery najnowsze obrazy i są rozpowszechniane bez żadnych ograniczeń, tj. Absolutnie wolny.

Suwak Wow

Responsywny suwak obrazu jQuery ze świetnym zestawem efektów wizualnych (zakręty, odjazdy, rozmycie, spirale, żaluzje itp.) i wieloma gotowe szablony... Dzięki wbudowanemu kreatorowi wstawiania stron w WOW Slider możesz łatwo i łatwo tworzyć wspaniałe pokazy slajdów w kilka minut. Strona dewelopera zawiera całą niezbędną dokumentację do konfiguracji i korzystania z wtyczki w języku rosyjskim, doskonałe przykłady działania wtyczki na żywo. Do pobrania dostępna jest również osobna wtyczka Wordpress i moduł dla Joomla. Jestem pewien, że ten wspaniały slider spodoba się wielu, zarówno początkującym, jak i zaawansowanym webmasterom.

HiSlider

HiSlider - HTML5, suwak jquery i galeria obrazów, całkowicie darmowa wtyczka do użytku osobistego na zarządzanych stronach internetowych popularne systemy- WordPress, Joomla, Drupal. Za pomocą tego prostego, ale dość funkcjonalnego narzędzia, możesz łatwo tworzyć niesamowite i żywe pokazy slajdów, efektowne prezentacje i ogłoszenia nowych wiadomości na stronach swoich witryn. Kilka gotowych szablonów i skórek dla slidera, oszałamiające efekty przejścia (zmiany) treści, wyjście różnych treści multimedialnych: filmy z YouTube i Vimeo, elastyczne Własne ustawienia itp...

Suwak Nivo

Nivo Slider to stary dobry, dobrze znany wszystkim w temacie, jeden z najpiękniejszych i najłatwiejszych w obsłudze sliderów graficznych. Wtyczkę jQuery Nivo Slider można pobrać i używać bezpłatnie, dystrybuowaną na licencji MIT. Jest też osobna wtyczka do WordPressa, ale niestety jest już opłacona i za jedną licencję trzeba będzie zapłacić 29 dolarów. Lepiej zrobić trochę magii z plikami motywów WP i dołączyć do swojego bloga darmową wersję wtyczki Nivo Slider jQuery, ponieważ w Internecie jest wystarczająco dużo informacji, jak to zrobić.
Jeśli chodzi o funkcjonalność, wszystko jest z tym w porządku. Do pracy wykorzystywana jest biblioteka jQuery v1.7+, piękne efekty przejścia, proste i bardzo elastyczne ustawienia, responsywny układ, automatyczne przycinanie obrazu i wiele więcej.

Pomysł na slider został zainspirowany twórcami, którzy są dobrze znani ze stylu prezentacji produktów Apple, gdzie kilka małych obiektów (obrazków) zmienia się poprzez kliknięcie w wybraną kategorię z prostym efektem animacji. Codrops udostępnia szczegółowy samouczek dotyczący tworzenia tego suwaka, kompletny układ HTML, zestaw reguł CSS i wykonywalną wtyczkę jQuery, a także wspaniały przykład użycia tego suwaka na żywo.

Suwak szczeliny

Pełnoekranowy suwak obrazu w jQuery i CSS3 + szczegółowy samouczek dotyczący integracji wtyczki ze stronami witryny. Chodzi o to, aby otworzyć bieżący slajd z określoną zawartością podczas przechodzenia do następnej lub poprzedniej zawartości. Dzięki animacjom jQuery i CSS możesz tworzyć unikalne przejścia slajdów. Responsywny układ suwaka sprawia, że ​​wygląda równie dobrze na ekranach różne rodzaje urządzenia użytkownika.

Elastyczny suwak zawartości

Suwak zawartości, który automatycznie dostosowuje szerokość i wysokość w zależności od rozmiaru kontenera nadrzędnego, w którym się znajduje. Dość prosty w wykonaniu i elastyczny w ustawieniach slider obsługiwany przez jQuery, z nawigacją na dole, przy zmianie rozmiaru ekranu w dół nawigacja wyświetlana jest w postaci ikon. Bardzo szczegółowa dokumentacja (poradnik tworzenia) i żywe przykłady użycia.

Suwak stosu 3D

Eksperymentalny suwak, który pokazuje obrazy z przejściami z płaszczyzny 3D. Obrazy są dzielone na dwa poziome stosy, za pomocą strzałek nawigacyjnych zmienia się i następuje przejście każdego kolejnego obrazu do stanu oglądania. Ogólnie nic specjalnego, ale sam pomysł i technika wykonania są dość interesujące.

Bardzo prosty, w 100% responsywny i pełnoekranowy suwak obrazu jQuery. Suwak bazuje na przejściach CSS (właściwość przejścia) w połączeniu z magią jQuery. Maksymalna szerokość jest domyślnie ustawiona na 100%, więc rozmiar zdjęć będzie się zmieniał w zależności od zmian rozmiaru ekranu. W projekcie nie ma specjalnych efektów animacyjnych i delikatności, wszystko jest proste i wyostrzone dla płynnej pracy.

Minimalne slajdy

Nazwa mówi sama za siebie, jest to chyba jeden z najlżejszych i najbardziej minimalistycznych sliderów graficznych jQuery, z jakimi się spotkałem (wtyczka 1kb). ResponsiveSlides.js to niewielka wtyczka jQuery, która tworzy pokazy slajdów za pomocą elementów wewnątrz kontenera. Współpracuje z szeroką gamą przeglądarek, w tym wszystkimi wersjami IE, słynnego hamulca postępu, od IE6 w górę. W pracy wykorzystano przejścia CSS3 w połączeniu z javascript, aby zapewnić niezawodność. Prosty układ z nieuporządkowaną listą, ustawianie przejść i interwałów czasowych, automatyczne i ręczne sterowanie przełączaniem slajdów, a także obsługa wielu pokazów slajdów jednocześnie. Oto taki zabawny „dziecko”.

Kamera

Aparat to darmowa wtyczka jQuery do organizowania pokazów slajdów na stronach witryny, lekki suwak z wieloma efektami przejścia, ze 100% responsywnym układem i bardzo proste ustawienia... Idealnie pasuje do ekranów dowolnych urządzeń użytkownika (monitory PC, tablety, smartfony i telefony komórkowe). Możliwość zademonstrowania osadzonego wideo. Automatyczna zmiana slajdów i ręczne sterowanie za pomocą przycisków i bloku miniatur. Prawie kompletna galeria zdjęć w kompaktowej obudowie.

bxSlider jQuery

Kolejny dość prosty responsywny suwak jQuery. Na slajdach można umieścić dowolną treść, wideo, obrazy, tekst i inne elementy. Rozszerzone wsparcie ekrany dotykowe... Korzystanie z animacji przejść CSS. Duża liczba różne odmiany prezentacja pokazów slajdów i kompaktowych galerii zdjęć. Sterowanie automatyczne i ręczne. Przełączanie slajdów za pomocą przycisków i wybierając miniatury. Mały rozmiar pliku źródłowego, bardzo łatwy w konfiguracji i implementacji.

FlexSlider 2

FlexSlider 2 — zaktualizowana wersja suwaka o tej samej nazwie, z poprawioną responsywnością, minimalizacją skryptów i zminimalizowanym odświeżaniem/przerysowywaniem. Wtyczka zawiera podstawowy suwak, sterowanie suwakiem z miniaturami, wbudowane strzałki lewo-prawo oraz dolny pasek nawigacyjny w postaci przycisków. Możliwość wyświetlania wideo w slajdach (vimeo), elastyczne ustawienia parametrów (przejścia, dekoracje, interwały czasowe), w pełni responsywny układ.

Galeria

Znana i dość popularna, responsywna wtyczka jQuery do tworzenia wysokiej jakości galerii zdjęć i sliderów. Interfejs suwaka, dzięki swojemu panelowi sterowania wizualnie przypomina znajomy odtwarzacz wideo, wtyczka zawiera kilka różnych motywów. Obsługa osadzonych filmów i obrazów z popularnych serwisów: Flickr, Vimeo, YouTube i innych. Szczegółowa dokumentacja dotycząca instalacji i użytkowania.

Borówka amerykańska

Prosty, bez dzwonków i gwizdów darmowy suwak obrazu jQuery napisany specjalnie do responsywnego projektowania stron internetowych. Blueberry to eksperymentalna wtyczka jQuery o otwartym kodzie źródłowym. Minimalistyczny design, brak efektów, tylko płynnie wyskakujące obrazy zastępujące się po pewnym czasie. Wszystko jest bardzo proste, skonfiguruj, podłącz i idź ...

jQuery Popeye 2.1

Bardzo kompaktowy suwak obrazu jQuery z elementami Lightbox. Dzięki swoim elastycznym rozmiarom bardzo łatwo go osadzić w dowolnym pojemniku, w pojedynczym wpisie w postaci miniatur, po najechaniu kursorem myszy lub kliknięciu którego, aktywuje się lightbox z powiększonym obrazem i kontrolkami. Wygodnie jest umieścić taki suwak na paskach bocznych, aby zaprezentować produkty lub zapowiedzi nowości. Doskonałe rozwiązanie dla witryn z dużą ilością informacji.

Sekwencja

Darmowy, responsywny suwak z zaawansowanymi przejściami CSS3. Minimalistyczny styl, 3 motywy projektowe, Każda klatka przesuwa się poziomo, pojawiając się na środku, obraz przesuwa się po lewej, podpis po prawej, miniatury są powielane w prawym dolnym rogu. Paginacja prezentacji produktów do oglądania w każdej ramce. Elementy sterujące obejmują również przyciski wstecz i do przodu. Obsługiwane przez wszystkie nowoczesne przeglądarki.

Trzepnąć

Bardzo prosty slider zdjęć zarówno pod względem funkcjonalności jak i ustawień, z ustawień następuje zmiana szybkości zmiany slajdów, podłączenie trybu ręcznego (aktywują się przyciski sterujące), ciągły pokaz slajdów. Ten suwak ma prawo być i przyciągnął mnie tylko tym, że jest, nie znalazłem w tym rozwoju nic szczególnie interesującego, może źle wyglądałem)))

Responsywny suwak obrazu

Taki piękny, adaptacyjny suwak obrazu od Władimira Kudinowa i towarzyszy. Solidne, dopracowane narzędzie, zaopatrzone w ilustracyjne przykłady i szczegółowe instrukcje przy tworzeniu, instalacji i użytkowaniu. Responsywny design, ładne zielone przyciski i strzałki, wszystko jest całkiem ładne i spokojne, bez nacisku.

Suwak ułamków

Darmowa wtyczka suwaka paralaksy jQuery dla obrazów i slajdów tekstowych. Animacja slajdów ma wiele wartości pokazu z pełną kontrolą w każdym ustawieniu czasu i animacji. Możliwość animowania kilku elementów jednocześnie na slajdzie. Możesz ustawić różne metody animacji, zaciemniać slajdy lub przejścia z określonego kierunku. Automatyczne wyświetlanie i ręczne sterowanie za pomocą strzałek nawigacyjnych, które pojawiają się po najechaniu kursorem na zdjęcie. 10 rodzajów efektów animacji wyglądu slajdów i wiele więcej ...

Recenzja okazała się dość obszerna, ale niewystarczająco pouczająca ze względu na dużą liczbę omawianych produktów. Wszystkie szczegóły i szczegółowe opisy funkcjonalność konkretnej wtyczki możesz dowiedzieć się bezpośrednio na stronach programistów. Mam tylko nadzieję, że ktoś ułatwił komuś znalezienie tego bardzo potrzebnego narzędzia do tworzenia kolorowych suwaków na stronach swoich witryn.

Czy zastanawiałeś się kiedyś, czy fajnie byłoby móc pracować ze zrusyfikowanymi szablonami? Pomyśl przez chwilę. Nie marnuj czasu na pracę z szablonami w języku angielskim. Spieszymy, aby cię zadowolić faktem, że możesz teraz znaleźć na rynku TemplateMonster. Tekst do każdego z nich został napisany ręcznie. I oczywiście wszystkie gotowe rozwiązania są niezwykle łatwe w użyciu.

Z całym szacunkiem, Andrzeju

Ciekawy efekt tekstowy po najechaniu za pomocą jQuery.

Bardzo oryginalny design suwaka obrazu, przypominający wentylator. Animowana zmiana slajdów. Nawigacja między obrazami odbywa się za pomocą strzałek. Istnieje również automatyczne przełączanie, które można włączać i wyłączać za pomocą przycisku Play / Pause znajdującego się na górze.

3. Fajny projekt diagramów na stronie

Animowany wykres kołowy utworzony przy użyciu biblioteki Raphaël JavaScript.

Lekkie menu rozwijane CSS3 dla witryny.

Animowany suwak jQuery. Obrazy tła są automatycznie skalowane podczas zmiany rozmiaru okna przeglądarki. Przy każdym obrazie pojawia się blok z opisem.

6. Animacja jQuery w tle na stronie

Animowany efekt jQuery podczas przesuwania kursora po ekranie.

7. Wtyczka „Kos”

Funkcjonalne rozwiązanie podobne do alert() w JavaScript. Możesz przeczytać więcej o korzystaniu z Blackbirda na stronie demonstracyjnej.

8. Biblioteka Ajax komponentów JSF „OpenFaces”

Zestaw różnych komponentów Ajax na frameworku JFS o otwartym kodzie źródłowym do tworzenia elementów interfejs użytkownika... Zestaw komponentów zawiera najczęściej spotykane elementy interfejsu: komponenty do pracy z tabelami i wykresami, zakładki, wyskakujące okienka, filtry, menu, kalendarze, komponenty do pracy z formularzami i wiele innych rozwiązań Ajax. Możesz zobaczyć wszystkie komponenty w akcji na stronie demonstracyjnej. OpenFaces jest dystrybuowany na dwóch rodzajach licencji: bezpłatnej i komercyjnej.

9. Zestaw "Wijmo" widżetów jQuery UI do tworzenia elementów interfejsu użytkownika

Zbiór profesjonalnych widżetów dla twórców stron internetowych. Pakiet Wijmo zawiera następujące bezpłatne rozwiązania jQuery: akordeony, kalendarze, wyskakujące okna dialogowe, ekspandery, stylizowane formularze, różne listy, menu, paski postępu, zakładki, podpowiedzi i inne przydatne widżety. Programiści „Wijmo” oferują oprócz darmowe rozwiązania także wysokiej jakości komercyjne rozwiązania jQuery UI. Po pobraniu archiwum możesz zobaczyć wszystkie możliwe widżety w akcji, znajdują się one w katalogu wijmo-open/developer-bundle/samples/. Ten zestaw z pewnością zaoszczędzi mnóstwo czasu podczas tworzenia projektów internetowych.

10. Projektowanie pola wyszukiwania za pomocą jQuery

Animowany projekt pola wejściowego wyszukiwana fraza... Efekt można zaobserwować, klikając myszką w polu wprowadzania. Przycisk do rozpoczęcia wyszukiwania pojawia się po wpisaniu zapytania z klawiatury.

11. Suwak „Flux Slider” w jQuery i CSS3

12. Skalowalny tekst jQuery „Sliding Letters”

Wtyczka do tworzenia skalowalnego tekstu w zależności od rozmiaru okna przeglądarki. Im większe okno przeglądarki, tym większy rozmiar tekstu.Pamiętaj, że ten efekt nie powinien być używany z normalnym tekstem w akapitach. Nadaje się tylko do wyświetlania dużych etykiet, na przykład na stronach promocyjnych. Przykład można zobaczyć na stronie demo. Spróbuj zmienić rozmiar okna, aby zobaczyć efekt.

13. Pokaz slajdów „Niezręczny”

Funkcjonalny pokaz slajdów. W formie slajdów może być: proste obrazy, obrazy z podpisami, obrazy z podpowiedziami, klipy wideo. Możesz poruszać się za pomocą strzałek, linków do slajdu i klawiszy lewo/prawo na klawiaturze. Pokaz slajdów jest wykonywany w kilku wersjach: z miniaturami i bez. Aby zobaczyć wszystkie opcje, skorzystaj z linków Demo #1 - Demo #6 znajdujących się na górze strony demonstracyjnej.

14. Wtyczka jQuery "jQueryZoom"

Dzięki tej wtyczce możesz dodać efekt powiększenia do obrazu po najechaniu kursorem lub dodać do niego nakładkę. Wtyczkę można łatwo dostosować do własnych potrzeb.

15. jQuery jSwitch Galeria

Animowana galeria jQuery.

16. Galeria JavaScript z efektem 3D

17. Galeria "Galeria morfingu jQuery"

Nowy suwak jQuery. Kilka fajnych animowanych efektów podczas zmiany slajdów.

18. Nowe menu stylów Apple CSS3

Nowe menu w stylu Apple. Wygląda ciemniej niż wcześniej, ale nie mniej uroczo.

19. Nowa implementacja podpowiedzi w jQuery "Tooltipsy"

Wiele różnych efektów podpowiedzi.

20. Galeria JavaScript do przeglądania na urządzeniach mobilnych „PhotoSwipe”

Galeria obrazów zoptymalizowana do oglądania na urządzenia mobilne(telefony lub tablety).

21. Stylowe menu CSS3

22. Wtyczka jQuery "Lupa"

Efekt powiększenia obszaru obrazu po najechaniu.

23. Koszyk zamówień Ajax „Easy Basket” do sklepu internetowego

Funkcjonalny koszyk na zakupy do sklepu internetowego ze zintegrowanymi metodami płatności za towary za pomocą PayPal lub Google Checkout. Zastosowane technologie: HTML, CSS, jQuery, AJAX, PHP, XML, XSL. Łatwe do osadzenia na stronie internetowej i dostosowania wygląd zewnętrzny kosze.

24. Wtyczka jQuery „Efekty nawigacji w sieci”

Oryginalna nawigacja między miniaturami obrazów. Aby zobaczyć efekt po prawej stronie strony demonstracyjnej, kliknij przyciski W górę i W dół. To rozwiązanie jQuery zapewnia również efekt najechania na miniaturę.

25. Efekt tła „Pionowa paralaksa”

5. Przełączanie wyświetlania bloków na jQuery

Z pomocą tego Wtyczka jQuery"Przełącz opcje wyświetlania" możesz zaimplementować przełącznik na stronie, za pomocą którego odwiedzający przejdzie z wyświetlania informacji w tabeli na Pełny widok z opisem bloków. Idealny do wdrożenia portfela.

26. Zegar analogowy w jQuery

27.jQuery HTML5 Portfolio

Wdrożenie pięknego portfolio z za pomocą jQuery i HTML5. Chip portfela w zaimplementowanym filtrze. W zależności od wybranej kategorii wyświetlane są różne prace w portfolio.

28. Galeria z miniaturami „Galeria TN3”

Galeria miniatur jQyery. Zaimplementowano możliwość przeglądania w kompaktowym oknie oraz w oknie na pełnym ekranie, a także możliwość wyłączenia/włączenia automatycznej zmiany slajdów.

29. Opis obrazków „Okno podglądu”

Wtyczka do podpisywania obrazów. Po najechaniu kursorem myszy z animowanym efektem pojawia się opis obrazu. Do tworzenia animacji służy JQuery.

30. Karuzela JavaScript

31. Siatka obrazów „Siatka-Galeria”

36. Pokaz slajdów

W prawym górnym rogu slajdu możesz włączyć/wyłączyć automatyczną zmianę slajdu.

37. Rozwijane menu „jbar”

38. Animowane menu w jQuery

Animowane menu. Pozycje menu prezentowane są w postaci ikon i opisów. kilka świetnych efektów po najechaniu kursorem na pozycję menu. Dostępnych jest 8 efektów, aby zobaczyć je wszystkie - kliknij w linki Przykład1-Przykład8 na stronie demo.

39.jQuery pokaz slajdów

Pokaz slajdów z oryginalnym efektem zmiany obrazu.

40. Animowany efekt jQuery CSS3

41. Galeria obrazów jQuery

Galeria jQuery z obrazami podpisów. Kilka efektów przejścia slajdów. Nawigacja między obrazami odbywa się za pomocą strzałek lub klikając miniaturę.

Efekt tła (ruch przez warstwy). Na stronie demonstracyjnej przeciągnij myszą po ekranie, aby zobaczyć efekt w akcji.

43. Wtyczka stronicowania CSS3 jPaginator

44. Wtyczka Plazmowa do ściany

Tworzyć rodzaj „ścian” ze zdjęć lub bloków HTML, które można przeciągać myszą po ekranie w ustalonym obszarze.