9 jQuery Scripts to Enhance Your Website From Queness

Time for a roundup for all the jQuery plugins that have been on the wild for a few weeks. There are getting more and more jQuery plugins coming out just to meet your special needs. In this post, I particularly like Sausage contextual pagination, I think it's a brilliant ideas!

Here you go, pretty sure some of them will be really useful.

  • Sticky SidebarThis jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers.
  • WaypointWaypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
  • Better CheckboxesIn this short tutorial, the author will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable.
  • Thumbnails Navigation GalleryIn this tutorial the author is going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation.
  • Sausage UI for contextual paginationSausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.
  • Diagonal fadeDiagonal fade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, you're off and away.
  • jRumblejRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.
  • Image LenUse this jQuery plug-in to add lens style zooming effect to an image
  • BackstretchBackstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to any page. The image will stretch to fit the page, and will automatically resize as the window size changes.

About the Author

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.



Squarespace | Create beautiful websites.
原文地址:https://www.cnblogs.com/cwy173/p/2035188.html