jQuery – selektory i filtry (cz. I)

21.11.2009 - Rafał Polito
TrudnośćTrudność

Ostatnio podczas prac nad pewną stroną internetową spotkałem się z koniecznością przygotowania rozwijanego menu witryny. Wbrew obawom kolegi widzącego w tym trudne zadanie, problem udało się rozwiązać w kilka chwil przy pomocy biblioteki jQuery.

  • Create a Simple CSS + Javascript Tooltip with jQuery.
  • Simple JQuery Modal Window Tutorial.
  • Navigation List menu + Jquery Animate Effect Tutorial.
  • Exclusive RSS Icons from Queness.
  • 50 Monochromatic Website Designs.
  • Food Plates and Creative Dishware Designs.
  • Breadcrumbs In Web Design: Examples And Best Practices.
  • New Smashing Freebies For Designers and Bloggers.
  • Simple JQuery Modal Window Tutorial.
  • Create a Simple CSS + Javascript Tooltip with jQuery.
  • Navigation List menu + Jquery Animate Effect Tutorial.
  • Exclusive RSS Icons from Queness.
  • 50 Monochromatic Website Designs.
  • Breadcrumbs In Web Design: Examples And Best Practices.
  • Simple JQuery Modal Window Tutorial.
  • Navigation List menu + Jquery Animate Effect Tutorial.
  • Create a Simple CSS + Javascript Tooltip with jQuery.
  • Exclusive RSS Icons from Queness.
  • New Smashing Freebies For Designers and Bloggers.
  • Food Plates and Creative Dishware Designs.
Except where otherwise noted, content on this box is licensed under a Creative Commons Attribution 3.0 License.

Pisz mniej, osiągaj więcej – to slogan reklamowy jQuery i nie sposób się z nim nie zgodzić. Poniższe przykłady to dowód na to, że nie jest to marketing bez pokrycia - wszystkie te efekty można uzyskać naprawdę niewielkim wysiłkiem, co postaram się zademonstrować.

Cycliner
Cycliner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Banana Moon
Banana Moon

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

BlueBuck
BlueBuck

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

SOSO
SOSO

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Buzzsprout
Buzzsprout

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Sweetcakes
Sweetcakes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Paperbox
Paperbox

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Alessandro
Alessandro

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Trento Media
Trento Media

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Instalacja biblioteki sprowadza się do pobrania z internetu jednego pliku i dołączenia go do kodu źródłowego strony. Szczegóły instalacji znajdziesz pod adresem http://docs.jquery.com/How_jQuery_Works.

Do stworzenia takich i podobnych efektów potrzebna nam będzie podstawowa znajomość języka HTML/XHTML, języka styli CSS oraz kilka pojęć, które będę stopniowo wprowadzał. Zapraszam do czytania!

3
Twoja ocena: Brak Ocena: 3 (1 ocena)

Copyright © 2008-2010 Wrocławski Portal Informatyczny

design: rafalpolito.com