GOOCODE - Find your code/scripts

19 In a lot of applications need to upload the local images and then by size appropriate tailoring to meet the requirements of the website for the size of the picture. The most common is the user system requires users to upload and cut the picture of the application. Today I introduced to you is based on HTML5 and jQuery of the picture upload and clipping plug-in, it is called Croppie.

First, we will load the relevant JS and CSS files in head.

1 We place a copy button on the page, it is mainly used to facilitate the user to copy a complex text links and the like, the conventional approach is to rely on Flash through JS, even by means of a huge jQuery js library to implement text copied to the clipboard. Today, I give you about is a very modern, no flash, does not rely on any other js very small plug-in libraries, it is called clipboard.js.

3 This is a cool photo wall display of results, combined with a lot of photos fade, rotate, zoom, tilt and 3D effects, quick photo from the left to cut, do rotate the 3D effect, and finally lined up in the photo on the wall, in order to show users cool photo wall display effect.

In this paper we use examples to share cool photo wall effect that depend on jQuery and the easing plug-in, first loading the two files.

5 Sometimes we need to do a single-page presentation product characteristics, while the single-page and page content is very much very long, in order to quickly locate the product characteristics node, we use user wheel events js listener, wheel slip or slide triggered by the user when using the touch screen gestures, you can navigate to the appropriate node. A jQuery plugin called Scrollify is found.

Scrollify need jQuery 1.6+ and animation easing plug with buffer to achieve. HTML basic structure is as follows.

6 fakeLoader.js is a lightweight jQuery plugin which can help us to create a full-screen transition animations load, when the page is loaded, display the loading animation, when the content of the page finished loading animation disappears to display the page.

HTML
We only need to add the following code on the first line of the [body].

6 Sometimes you want to join the page with an online test functions, such as online surveys, online testing various types of knowledge and other applications, such applications need to use a lot of front end skills. Today I have to share a jQuery-based front-end applications - Testing answer function.

HTML
First load jquery library files and CSS style quiz.js and the desired file styles.css.

8 Sometimes we need to select the page range of values, such as selected shopping price range, select independent CPU, memory size, configuration, etc. When you purchase a host, using an intuitive slider bar directly select the desired numerical size without the need to manually input values, simple and easy to operate.

5 New or revised products on-line upgrade, we will use the wizard to create a user for the first time when using the product, to guide users on how to use products, such as the way the demo describes each functional module interface, thereby enhancing the user experience and product affinity.

13 We use jQuery's ajax iframe in the page using the same load as the other content of the page, and today I have to share a plugin called jQuery oLoader, the plug-in also integrates oPageLoader, you can easily load the pictures and pages pretty effect.

oLoader Use
Whether or oPageLoader oLoader are based on jQuery, so please be loaded before calling jquery library.
Call jQuery oLoader very simple sentence as follows.

10 In addition to the cinema online seat selection, we will come into contact with the aircraft cabin seat selection, of course, there's a bus ticket ticket seat selection. If there is one day to buy train tickets are also available online seat selection, then today I come to tell you how to use jQuery election under the seat plug-in to complete high-speed rail train seat layout, seat selection, different levels of seating pricing and other operations.