来自2014年的15个最好流行的jQuery插件

jopen 9年前

Divas Slider

divas-slider.jpg

Is your webpage missing a slider? No worries, the Divas Slider plug-in will integrate the slider with the coolest images of your choice. It uses CSS3 for smooth transitions and what’s more is that you can make each slider clickable- or, you may say, touch enabled.

Animsition

animsition.jpg

The latest web-designs are including animations to make their site standout from the crowd. So, why not include an animsition – I mean “animation” plug-in to your site as well? Animsition allows you to add animation to your pages’ transition by harnessing the power of CSS! The plugin features over 50+ unique animations for you to play around and see which fits the website best.

jQuery Smart Scroll

smart-scroll.jpg

Bored of that default rectangular-box type scroll? Why not add a smart scroll to your website to make scrolling fast and smooth. With this plugin you can add a simple scroll navigation to allow your visitors to scroll through the page with ease.

Beta

beta-menu.jpg

Looking for a clean, responsive, touch-friendly menu? Beta is a simple and responsiveness menu specially designed for mobile devices. The horizontal menu enables users to toggle between menus and open more submenus in a vertical format, and again in a horizontal format. So, tap your way through the menus you want to use.

Pinch Zoomer

pinch-zoomer-jquery-plugin.jpg

Do you have several images on your website that users would be interested in examining scrupulously? You could have an art-work portfolio, travel photography, furniture items, or real-estate images that you want your user’s to be able to zoom into effortlessly. Pinch Zoomer plug-in can do the job and with great ease at that. It is a fully responsive, touch-enabled, and simple tool that will enhance the user experience on ANY device or any platform.

Page Piling

pagepiling.jpg

Looking for something different from scrolling? Why not pile sections one after another? After all, the piling method is more device-friendly. Users will be able to simply access the different layers by either scrolling or tapping the buttons on right. The page pile effect is new and creative than most conventional scrolling effects!

Tilted Scroll Effect

tilted-page-scroll.jpg

Pete R. developed a cool tilted scroll effect last year for web-designers to utilize. As you scroll down, the previous page tilts and fades away to get replaced by the next section of the page. The 3D tilt effect makes images appear as if they are separate canvases moving out of the way.

Grid Scrolling

grid-scrolling.jpg

Looking for a very different scrolling style? How about the grid style? Grid scrolling will enable users to swiftly scroll up or down or sideways (horizontally) with great ease. Though it is not as creative as the piling effect, still it has got its own unique style.

Simple 3D Coverflow

simple-3d-coverflow.jpg

Another option to display your images in a unique way is to use the simple 3D coverflow. It will give your page a less “flat” and more “3D” look to it. The best part is that 3D images can be flicked right to left with just a single tap. The best part is that the plugin is fully responsive and works on every device.

Photopile JS

photopile-js.jpg

Photopile is another amazing gallery that allows you to show off your photos in a three-dimensional pile of photo snaps. This is great for travel bloggers who want to show off their collection of retina-ready photos all in one small space. The overlapping photos will be enlarged with the user’s one tap or click. A second tap will return the photo to the photopile.

nanoGALLERY

nano-gallery.jpg

For a more grid-based gallery design, you can plug in nanoGALLERY and display a collection of images in a grid layout. The cascading grid layout is simple and easy to use for any touch-enabled device. You can also enable any photo published on your Flickr, Picasso, Google +, or other similar sites and updated them into your nanogallery automatically. How convenient, isn’t it?

News Box-Playground

news-box-playground.jpg

If you’re looking for a cool plug-in that displays different text boxes from different sources, News box is a great option. Contents from different sources/websites will be assembled on one page and sort out automatically by date. The latest news, tweets, 非死book updates, or Google + updates will pop up on inside the boxes chronologically.

jQuery Rain, Snow, and Balloon effect

jquery-rain-snow.jpg

Looking for a touch of animation to your page? Why not change your webpage animation according to the weather? JQuery rain, snow, and balloon plugin allows web designers to add a cool snow, rain, or balloon/bubble animation to the site. The best part is that you can also customize it by changing speed, wind directions, drop width, and other visual effects. Users will love a little precipitation on their mobile devices that doesn’t need any screen-wiping.

jQuery Form Validation Plug-in

jquery-form-validation.jpg

Need some form filling on your webpage? Try the jQuery form validation plug-in that is simple, flexible and easy–to-use. This includes all the necessary field elements of a form including field validation, callback function, success/ error notification, multilanguage support, captcha class, and more. Sign-ups and applications will be easy and prompt with this plug-in.

Animated Image Galleries-Fig

fig-jquery.jpg

Fig is capable of providing the users with unique and amazing image viewing experience – no wait — image + text viewing experience at the same time. This cool plugin by Fig enables designers to add cool effects to their images such as zoom in, fade in, fade out, blur, and more. Just place the cursor on top of the image and watch the show. Text boxes will also appear over the image if you want to label the picture in a unique caption style. This plug-in definitely proves that there is indeed no limit to creativity.