» » jquery

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

Use jQuery slide to unlock

Author: bamboo06 on 18-02-2019, 22:41, views: 2993

1 Unlock.js is a jQuery slide unlock plugin. At present, many websites use the verification method of sliding to unlock when a user logs in and registers to prevent malicious attacks. The user needs to slide the specified slider to the specified position in order to pass the verification. Unlock.js can implement this sliding unlock function.
Use jQuery slide to unlock

The unlock.js plugin has the following features:
Slide to unlock.
Size, color, font size, etc. can be customized.
After the unlock is completed, there will be a callback function to trigger further data processing.

Category: Javascript / Plugins

 

Use javascript to realize related operations of adding to cart

Author: bamboo06 on 10-10-2018, 16:53, views: 2012

1 There are many ways to add items to the shopping cart. The usual way is to click the “Add to Cart” button and you will be redirected to the shopping cart. In the shopping cart, you can click the “Billing” button to settle. Today I will introduce you to a more friendly solution.
Use javascript to realize related operations of  adding to cart

By default, the shopping cart is hidden and invisible. When the user clicks the Add to Cart button, the item information will be added to the shopping cart. The shopping cart will appear as a button in the lower right corner of the page. Clicking the button will expand the shopping cart. , display the product information in the shopping cart, and also delete or settle the items in the shopping cart. Users can also temporarily close the shopping cart to continue shopping.

Category: Javascript / Plugins

 

Simple jQuery image annotation effect

Author: bamboo06 on 4-12-2016, 00:18, views: 8293

8 In some e-commerce sites and home sites we will see this application, a picture shows a variety of products, click on each product can pop up a simple description of the corresponding goods, including prices, etc., greatly improve the user experience , Today we give examples to share the use of jQuery plug-ins to achieve this effect.
Simple jQuery image annotation effect

Category: Javascript / Plugins

 

jQuery autocomplete plugin: completer

Author: bamboo06 on 17-08-2016, 00:31, views: 3433

8 When we input forms, such as entering the mail name and the next words are autocompleted, the content will automatically shown and several commonly used mailboxes are listed, and the user simply selects what he will enter. Inputs in this case are time, and domain names. All this can be done automatically by the plug-completer to help you achieve.
jQuery autocomplete plugin: completer

Category: Javascript / Plugins

 

Making use of jQuery and CSS3 for responsive horizontal time axis

Author: bamboo06 on 13-08-2016, 02:16, views: 13058

11 We often see a lot of progress in record events to the vertical axis, and a friend asked me asked to share the level of the timeline, in fact, the difficulty level of the timeline is adaptive screen size. Well, today I'm going to share with you is a responsive support, support touch gestures sliding horizontal time axis.
Making use of jQuery and CSS3 for responsive horizontal time axis

Category: Javascript / CSS

 

Use Jquery to copy form element

Author: bamboo06 on 2-04-2016, 16:19, views: 3253

50 When we submit the form, sometimes you encounter the need to repeat the same form to add multiple elements, such as order information you need to add a number of different types of products, form data in the new field information. This time we can put a "new one" or "Copy" button directly on the form, you can achieve copy form elements by clicking on the button.
Use Jquery to copy form element

Category: Javascript

 

Use jQuery to achieve multi-condition filter

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

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 jQuery to achieve the table rows shift down and top

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

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

 

Use jQuery to realize quiz function

Author: bamboo06 on 15-05-2015, 04:09, views: 3735

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.
Use jQuery to realize quiz function

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

Category: Javascript / Plugins

 

Use jQuery to achieve ADD TO CART flying into animation

Author: bamboo06 on 4-05-2015, 02:59, views: 9129

11 When you browse the electricity supplier shopping site favorite products, you can click on the page in the "Add to Cart" button to add the items to the shopping cart. This article describes the aid of a jQuery-based animation plugin, click on the Add to Cart button when you realize the goods will fly into the right side of the cart in effect.
Use jQuery to achieve ADD TO CART flying into animation

Category: Javascript

 
Previous Next