Codrops » Pagination http://tympanus.net/codrops Useful resources and inspiration for creative minds Wed, 23 May 2012 09:46:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 jPaginate: A Fancy jQuery Pagination Plugin http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/ http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/#comments Tue, 17 Nov 2009 10:53:24 +0000 cody http://tympanus.net/codrops/?p=804 jPaginate

jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.
You can call the plugin in the following way:

$(elementID).paginate()

You can configure the plugin with the following properties:

  1. count: The total number of pages
  2. start: With which number the visible pages should start
  3. display: How many page numbers should be visible
  4. border: If there should be a border (true/false)
  5. border_color: Color of the border
  6. text_color: Color of the text/numbers
  7. background_color: Background color
  8. border_hover_color: Border color when hovering
  9. text_hover_color: Text color when hovering
  10. background_hover_color: Background color when hovering
  11. images: If the arrows should be images or not (true/false)
  12. mouse: With value “press” the user can keep the mouse button pressed and the page numbers will keep on sliding. With value “slide” the page numbers will slide once with each click.
  13. onChange: The callback function when clicking on a page. As argument the number of the page clicked can be used.

View demoDownload jPaginate





Message from TestkingLearn the basics of jquery using sun tutorials. Download SY0-201 dumps to learn how to create jQuery plugins and pass your ccnp exams on first attempt.
]]> http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/feed/ 121 42 jQuery Navigation based Techniques http://tympanus.net/codrops/2009/09/11/42-jquery-navigation-based-techniques/ http://tympanus.net/codrops/2009/09/11/42-jquery-navigation-based-techniques/#comments Fri, 11 Sep 2009 22:44:08 +0000 cody http://tympanus.net/codrops/?p=367 Here’s a list of 42 jQuery Navigation Techiques, Navigation plugins, and Tutorials built using jQuery:

1. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery


site : visit
live demo : here

2. jQuery Coda Slider

site : visit
live demo : here

3. Designing the Digg Header: How To & Download

site : visit
live demo : here

4. How to Make a Smooth Animated Menu with jQuery

site : visit
live demo : here

5. CSS Sprites2

site : visit
live demo : here

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

site : visit
live demo : here

7. jQuery Tabbed Navigation

site : visit
live demo : here

8. Color Fading Menu with jQuery

site : visit
live demo : here

9. Create a Slick Tabbed Content Area using CSS & jQuery

site : visit
live demo : here

10. Using jQuery for Background Image Animations

site : visit
live demo : here

11. How To Create A Keypress Navigation Using jQuery

site : visit
live demo : here

12. Animated Drop Down Menu with jQuery

site : visit
live demo : here

13. jQuery & CSS Example – Dropdown Menu

site : visit
live demo : here

14. jQuery Random Link Color Animations

site : visit
live demo : here

15. Learning jQuery: Fading Menu – Replacing Content

site : visit
live demo : here

16. (Another) Scrollable Plugin for jQuery

site : visit
live demo : here

17. Create a Cool Animated Navigation with CSS and jQuery

site : visit
live demo : here

18. Create a multilevel Dropdown menu with CSS and improve it via jQuery

site : visit
live demo : here

19. Animated Menus Using jQuery

site : visit
live demo : here

20. Build a Tabbed Box with CSS and jQuery

site : visit
live demo : here

21. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

site : visit
live demo : here

22. Sliding Jquery Menu

site : visit
live demo : here

23. Vimeo-like top navigation

site : visit
live demo : here

24. jQuery (mb)Menu 2.7 (New!)

site : visit
live demo : here

25. jQuery Menu: iPod Drilldown

site : visit
live demo : here

26. Superfish

site : visit
live demo : here

27. jqDock

site : visit
live demo : here

28. Treeview

site : visit
live demo : here

29. jQuery Full Width Navigation Plug-in

site : visit
live demo : here

30. FastFind Menu Script

site : visit
live demo : here

31. JQuery Pager

site : visit
live demo : here

32. Pagination

site : visit
live demo : here

33. Animated Navigation with CSS & jQuery

site : visit
live demo : here

34. Making accordion menu using jquery

site : visit
live demo : here

35. Creating a Floating HTML Menu Using jQuery and CSS

site : visit
live demo : here

36. Sliding-Sliding Doors – Animated jQuery Menu

site : visit
live demo : here

37. jdMenu Hierarchical Menu Plugin for jQuery

site : visit
live demo : here

38. jQuery Context Menu Plugin

site : visit
live demo : here

39. CSS3 Styled jQuery Dropdown

site : visit
live demo : here

40. jQuery menu plugin

site : visit
live demo : here

41. “kwicks” effect

site : visit
live demo : here

42. Navigation Menu with Photoshop

site : visit
live demo : here

]]> http://tympanus.net/codrops/2009/09/11/42-jquery-navigation-based-techniques/feed/ 4