Webdesigner blog

49 praktycznych tutoriali jQuery, które ożywią Twoją stronę

30.04.2009 Tutoriale, jQuery

jQuery

jQuery to lekka biblioteka programistyczna dla języka JavaScript, umożliwiająca interakcję HTML z JavaScript. Pozwala osiągnąć interesujące efekty animacji, dodać dynamiczne funkcjonalności do strony, czy wykonać zapytania AJAX. Ale skoro trafiłeś tutaj, to pewnie już to wiesz ;-)

Wybrałem według mnie najbardziej praktyczne zastosowania jQuery i poniżej znajduje się lista z odnośnikami do 40 tutoriali. A jako, że nawet tysiąc słów nie zastąpi jednego prostego przykładu, przy każdej pozycji dodałem odnośnik do strony pokazującej jaki efekt możemy w danym przypadku osiągnąć.

1. jQuery for Absolute Beginners: The Complete Series

Zobacz tutorial

2. You Still Can?t Create a jQuery Plugin?

Zobacz tutorial Zobacz demo

3. Easy Display Switch with CSS and jQuery

Zobacz tutorial Zobacz demo

4. Building the imgPreview jQuery Plugin

Zobacz tutorial Zobacz demo

5. jQuery Lightbox

Zobacz tutorial Zobacz demo

6. Facebox: Facebook-style lightbox

Zobacz tutorial Zobacz demo

7. FancyBox

Zobacz tutorial Zobacz demo

8. ThickBox

Zobacz tutorial Zobacz demo

9. Galleria

Zobacz tutorial Zobacz demo

10. Spacegallery

Zobacz tutorial Zobacz demo

11. s3Slider jQuery plugin

Zobacz tutorial Zobacz demo

12. Easy Slider

Zobacz tutorial Zobacz demo

13. Coda Slider

Zobacz tutorial Zobacz demo

14. Start/Stop Slider

Zobacz tutorial Zobacz demo

15. jQuery.LocalScroll

Zobacz tutorial Zobacz demo

16. Auto-Playing Featured Content Slider

Zobacz tutorial Zobacz demo

17. Coda Slider Effect

Zobacz tutorial Zobacz demo

18. Sliding Boxes and Captions with jQuery

Zobacz tutorial Zobacz demo

19. Slider Gallery

Zobacz tutorial Zobacz demo

20. Sliding Panel

Zobacz tutorial Zobacz demo

21. How to Load In and Animate Content with jQuery

Zobacz tutorial Zobacz demo

22. Tabbed Content using jQuery and WP_Query

Zobacz tutorial Zobacz demo

23. Slick Tabbed Content Area using CSS & jQuery

Zobacz tutorial Zobacz demo

24. Tabbed Interface Using jQuery

Zobacz tutorial Zobacz demo

25. jQuery Tabs

Zobacz tutorial Zobacz demo

26. Slide tabbed box using jQuery

Zobacz tutorial Zobacz demo

27. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

Zobacz tutorial Zobacz demo

28. Horizontal Accordion

Zobacz tutorial Zobacz demo

29. jQuery Accordion

Zobacz tutorial Zobacz demo

30. Exactly How to Create a Custom jQuery Accordion

Zobacz tutorial Zobacz demo

31. Slide out and drawer effect

Zobacz tutorial Zobacz demo

32. Leopard Desktop with jQuery using jqDock

Zobacz tutorial Zobacz demo

33. Adding to Our Leopard Desktop with jQuery

Zobacz tutorial Zobacz demo

34. Create an apple style menu and improve it via jQuery

Zobacz tutorial Zobacz demo

35. Animated Menus Using jQuery

Zobacz tutorial Zobacz demo

36. Image Fade Revisited

Zobacz tutorial Zobacz demo

37. LavaLamp for jQuery lovers!

Zobacz tutorial Zobacz demo

38. Fading Menu – Replacing Content

Zobacz tutorial Zobacz demo

39. Image Cross Fade Transition

Zobacz tutorial Zobacz demo

40. Jquery Fade In.Fade Out

Zobacz tutorial Zobacz demo

41. How To Create A ?Mootools Homepage? Inspired Navigation Effect

Zobacz tutorial Zobacz demo

42. Creating a Floating HTML Menu Using jQuery and CSS

Zobacz tutorial Zobacz demo

43. Coda Popup Bubbles

Zobacz tutorial Zobacz demo

44. Build a Better Tooltip with jQuery Awesomeness

Zobacz tutorial Zobacz demo

45. Create simple tooltips with CSS and jQuery

Zobacz tutorial Zobacz demo

46. jQuery plugin: Tooltip

Zobacz tutorial Zobacz demo

47. Hover Sub Tag Cloud

Zobacz tutorial Zobacz demo

48. Building a jQuery-Powered Tag-Cloud

Zobacz tutorial

49. jQuery Sequential List

Zobacz tutorial Zobacz demo

:, ,

8 Comments for this entry

1 Trackback or Pingback for this entry

Dodaj komentarz / Leave a reply

*

Szukasz czego??