2013 Excellent jquery plug-in finishing summary _jquery

Source: Internet
Author: User
Tags jquery library


Today for you to recommend the first phase of 2013, in this issue 10 jquery plug-ins cover the response-style grid layout plug-ins, picture amplification plug-ins, form elements of the custom select plug-in, Google Map plug-ins, file drag and drop upload plug-ins, tooltip hint Plug-ins, 3D rotate menu and so on. The official website of these plug-ins provides detailed API and related code downloading, also provides some case demonstration, can say a little bit of knowledge of the front end students will use these plug-ins according to the API they provide.


1. Makisu:jquery CSS 3D Dropdown Menu Concept





Makisu is a jquery and CSS3 production 3D pull-down Menu plug-in, currently only under the normal operation of Chrome.


2, Jquery.shapeshift





A lightweight grid system plug-in, you can make 濗 cloth flow effect, with drag, responsive and touch function.


3, Rainbow





Rainbow is a plugin that lets you highlight the code.


4, GMaps





GMaps is used to make a Google map plugin.


5, JQuery Jkit





The jquery Jkit is a plug-in that relies on the jquery library, which contains the web's common interactive effects.


6, Dropzone.js





Dropzone.js is a JS stupid library, utility files drag and drop upload files, but also can preview the uploaded file.


7, Image Picker





Image Picker is a simple jquery plug-in that turns a selection element into a friendlier user graphical interface.


8, Elevate Zoom





Elevate Zoom is a picture-enlarged jquery plugin.


9, Opentip





Opentip is a powerful ToolTip plug-in that supports all modern browsers and ie7+ browsers.


10, Selectik





Selectik is a select-style jquery plug-in that customizes the form.






In the first phase of the recommended to you on the response-style grid layout plug-ins, picture amplification plug-ins, form elements of the custom select plug-in, Google Map plug-ins, file drag and drop upload plug-ins, tooltip hint Plug-ins, 3D rotating menu, such as 10 jquery plug-ins, Today continue the second phase of the plug-in recommended, in this period mainly covers: back to the top of the page, text voice, picture rotation, picture preload, SVG production and animation 10 excellent jquery plug-ins, I hope these plug-ins can help you solve the need for a while.


1, Scrollup JQuery plugin





A jquery plugin for making back to the top button.


2, JQuery plugin for Text to Speech





A text to voice the jquery plug-in.


3, Toolbar.js





A jquery plug-in that quickly helps create ToolTips in Web pages or applications.


4, Threesixty-slider





Picture degree rotary plugin.


5, Anima.js





A plug-in similar to the Easings animation feature.


6, Fathom.js





Fathom JS can be used to make the web version of the slide playback effect.


7, Nivo Zoom





A picture of the enlarged jquery plugin.


8, Scrollnav.js





A production of scrolling pages, navigation items with the changes in the jquery plug-ins.


9, Svg.js





A lightweight JS library for manipulating and implementing SVG animations.


10, Imageloader. Js





A pre-loaded jquery plugin for pictures.






2013 outstanding jquery Plug-ins have been released two, today continue to recommend the March issue of Plug-ins, in the third period we also introduce 10 excellent 偛 pieces, today, these 10 plug-ins include: Google map embedded to your site, fixed sidebar menu, Support CSS3 Transform properties of plug-ins, text animation effects, image selection Area control, image rollover function. Hope that these plug-ins can give you the usual production ideas, or can be directly applied to your project.


1, Maplace.js





Maplace.js helps you embed Google Maps into your site, and you can quickly create tags and control menus on a map. His operations require jquery and Google Maps API v3.


2, Navi.js





Navi.js to facilitate the dynamic display of your website content.


3, Jquery.transformlist





Jquery.transformlist is a JavaScript plug-in used to support CSS3 animation transformations.


4, Textillate.js





A simple to achieve the text animation effect of the jquery plug-ins.


5, Partialjs





A free Web application framework that uses JavaScript, HTML, and CSS to build Web sites and Web applications.


6, Imgareaselect





Imgareaselect is a jquery plug-in that enables you to select a rectangular area of the image.


7, Ddslick





A free lightweight jquery plugin that allows you to create a custom dropdown with pictures and descriptions.


8, Magicsuggest





Automatically generates default labels.


9, JQuery Knob





Backward-compatible, can touch the jquery dialing plugin.


10, Jquery.wallflip





jquery plugin creates a picture wall, click Flip to display some image description content.






In the fourth phase of the jquery plugin sharing, you'll find a slight difference from the previous one, yes. In today's recommended 10 plug-ins, we have several are written by Chinese programmers, such as Ztree write the tree-shaped structure effect plug-ins, there are simpletas plug-ins and tea brother, the SimpleUI and so on, and this time I will be the United States classmate's mass The Framework (this is not a jquery plugin) also put up, I hope you like. Of course, in addition to these several Chinese plug, you can also see the chart JS Library, step-by-step (Novice Guide) plug-in library and so on. Please continue reading in detail.


1, Boxslider





jquery Slide plugin with responsive functionality.


2, Swipejs





A touch-slide plugin.


3, Chart.js





A powerful plug-in to make a chart.


4, Simpletabs





Simpletabs is a domestic developer to write a jquery multi-function tab plug-in, suitable for a variety of tabs, slides, product display modules.


5, Ztree





Ztree is a multifunctional "tree plug-in" that relies on jQuery implementations. Excellent performance, flexible configuration, a combination of multiple functions is the biggest advantage of Ztree.


6, JQuery Nested





Create a dynamic, nested grid layout plug-in.


7, Intro.js





Create a dynamic, nested grid layout plug-in.


8, SimpleUI





The SimpleUI is a jquery based component library developed by the blue-face niche and half a herbal tea. Contains common Web components that are suitable for developing web2.0 applications and small Web sites.


9. Mass Framework





A modular, large module development as the goal, jquery-style framework. It gives priority to a large number of HTML5 new APIs, and it is estimated that there is no such wide application, except for individual phone-specific frameworks. Bolted can greatly reduce the size of the frame, and secondly greatly improve the operating efficiency.


10, Bookblock





A jquery plugin that will be created like a brochure that you can read by flipping through books.






Again to the plug-in to share the time, today to recommend 10 plug-ins are more fashionable (the production of the effect of fashion). For example: Icheck can help you easily implement custom check box, Radio box button, SIDR can achieve a fixed sidebar effect (of course, you can also fix the top, you can set according to your requirements); JQuery List Dragsort can implement drag picture sorting, And Mixitup can make beautiful dynamic filtering effect, which integrates many CSS3 effects, as well as jresponsive implementation of responsive layout, Flexisel to achieve flexible slide playback and so on. If you feel interested, don't take a few minutes to browse. I think there will be a plugin effect you need.


1, SIDR





Create a side menu and the simplest way to implement a responsive menu of jquery plug-ins.


2. JQuery List Dragsort





A picture drag sort plugin jquery List dragsort.


3, Icheck





Super Customizable checkbox and radio button jquery plugin.


4, Jquery.shapeshift





A jquery implementation dynamic grid system with drag-and-drop functionality.


5, Sly





Sly is a JS library that can be used to create a one-way scrolling navigation effect.


6, Packery





Packery is a layout of the jquery plug-ins, you can achieve waterfall flow, drag and drop layout and other functions.


7, Tooltipster





Tooltipster is a jquery plugin used to make pop-up balloons.


8, Mixitup





A filter and sort of jquery plug-ins.


9, Jresponsive





A combination of CSS responsive and transition implementation of the grid layout plug-ins.


10, Flexisel





A picture playback plug-in with a responsive feature.






Today we recommend the jquery plugin is the sixth period, that is to date, a total of nearly 60 different kinds of jquery plug-ins, involving a variety of effects. In this period recommended Plug-ins collected for a long time, only to accumulate the 10 plug-ins, the main production menu, graphics, grid, flip and so on. If you like it, go ahead and click on it.


1, Smint





Smint is a simple jquery plugin, a sticky navigation bar that stays at the top of the page while you scroll down and the menu button, automatically scrolls the part of the page you click on.



DEMO DOWNLOAD


2, Flipclock.js





Flipclock is a clock-making jquery plugin.



DEMO DOWNLOAD


3, Least.js





Random and responsive HTML 5,CSS3 lazyload Gallery



DEMO DOWNLOAD


4, Mmenu





A jquery plug-in to create a menu that requires only one line of code to achieve the menu effect of moving end sliding



DEMO DOWNLOAD


5, Two.js





Two.js is a two-dimensional drawing API for modern browsers.



DEMO DOWNLOAD


6, Mixitup





Mixitup Plug-ins are used to filter and sort elements.



DEMO DOWNLOAD


7, Vortex





HTML elements are displayed as ellipses and can be rotated.



DEMO DOWNLOAD


8, Transit





jquery realizes the transform effect of CSS3.



DEMO DOWNLOAD


9, Masonjs





Mason is a powerful plug-in for making grid systems.



DEMO DOWNLOAD


10, Flippant.js





The flippant realizes the 3D rollover effect.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.