» » page 4

 
Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

Use jQuery to achieve multi-condition filter

Author: bamboo06 on 29-12-2015, 01:24, views: 1459

4 When we buy goods business on platform in the Product List, we use filter queries based on brand, style, price range and other conditions, a condition when you click on the page displays user-selected set of conditions, and compliance with the corresponding conditions of commodity information displayed. Well, today we use jQuery to achieve this front-end results.
Use jQuery to achieve multi-condition filter

First, we classify the query conditions arranged conditions container li.select-list on the page and have chosen conditions container div.select-result.

Category: Javascript

 

Use PHP to achieve red envelopes

Author: bamboo06 on 29-12-2015, 00:43, views: 5229

0 Use PHP to achieve distributing red envelopes, and when we enter the number and total amount, PHP will be randomly assigned to each of these two values based on the amount, to ensure that everyone can receive a red envelope, it is to ask the various amount of red envelope, all of the total amount should be equal to the total amount of red envelopes.
Use PHP to achieve red envelopes

We first have to analyze the law.

Category: PHP Scripts / Javascript

 

Use the mouse wheel or sliding gestures to browse the page node section by scrollify

Author: bamboo06 on 25-11-2015, 00:11, views: 3393

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.
Use the mouse wheel or sliding gestures to browse the page node section by scrollify

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

Category: Javascript / Plugins

 

Use fakeLoader.js to create page loading animation

Author: bamboo06 on 24-11-2015, 23:38, views: 4410

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.
Use fakeLoader.js to create page loading animation

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

Category: Javascript / Plugins

 

Beautiful and practical tip box plugin - SweetAlert

Author: bamboo06 on 8-11-2015, 22:07, views: 1916

2 SweetAlert can replace the native function alert and confirm showing the pop-up boxes, it will prompt box landscaping, and allows customization, support setting the prompt box title, alert type, content display pictures, confirmation cancel button text, click after the callback function, etc.
Beautiful and practical tip box plugin - SweetAlert

First we have to put SweetAlert widget js files and css files into the page.

Category: Javascript

 

Usage of setTimeOut and setInterval timer in Javascript

Author: bamboo06 on 5-11-2015, 05:15, views: 1432

2 SetTimeOut and javascript setInterval function application is very wide, they are used to deal with the delay and timing of tasks, such as web pages for some time after opening up a login box, page every so often to send an asynchronous request to obtain the latest data, and so on. But their application is different.
Usage of setTimeOut and setInterval timer in Javascript

setTimeout () method is used to evaluate the expression or function call after the specified number of milliseconds, while setInterval () is in the specified number of milliseconds every cycle calling function or expression, clearInterval until it clears. That setTimeout () only once, setInterval () can be executed multiple times. The same parameters of the two functions, the first parameter is the code or handler to be executed, and the second is the number of milliseconds delay.

Category: Javascript

 

Powerful response parallax animated image sliding transition effects

Author: bamboo06 on 5-11-2015, 04:48, views: 2230

65 This is a very powerful plug-in content switching, which is based on jQuery, its full response, support for mobile devices, support for mobile touch, keyboard flip; it built slide, video playback timer, it has a variety of modes: Custom, automatic in response, full-screen; it has a variety of animation, 3d effects ... in short, you think the effect of it all done, it's called Slider Revolution.
Powerful response parallax animated image sliding transition effects

Slider Revolution is a jQuery plugin-based, use it when you need to load the jQuery library file, and Slider Revolution dependent css and js files.

Category: Javascript

 

Responsive HTML5 touchable audio player

Author: bamboo06 on 10-08-2015, 00:58, views: 1835

7 HTML5's audio provides audio playback, but the native style is not very nice looking, and each browser audio appears to show disunity. We can be a little package under the audio, you can achieve a response beautiful player style which can be touched.
Responsive HTML5 touchable audio player

Category: Javascript / CSS / HTML5

 

Switching Login and registration form in pop-up window by jQuery

Author: bamboo06 on 10-08-2015, 00:38, views: 9652

11 When you click on a page log-in or register button it will pop up a modal window which is a pop-up layer, we can easily switch on the popup login and registration form, a great convenience to users, without shutting down the floor to go click on to other operations, on many sites it has been widely used.
Switching Login and registration form in pop-up window by jQuery

We will use examples to achieve this effect by using jQuery, CSS3 and HTML5 technologies.

Category: Javascript / CSS / HTML5

 

Use jQuery to achieve the table rows shift down and top

Author: bamboo06 on 8-08-2015, 01:28, views: 1451

2 When operating the data list, you need to adjust the order of data rows, move up and down the line as the top line data, etc., these operations can be done by clicking a button in the front, and along with the simple dynamic effects, easy implement sorting tabular data.
Use jQuery to achieve the table rows shift down and top

The page is a simple data table, we were placed in the data row "Up", "Down" and "top" three links, and three class attributes are defined, we have to implement these operations through jQuery.

Category: Javascript / CSS