10 jQuery-based image slider focus chart plug-ins and 10 jquery

10 jQuery-based image slider focus chart plug-ins and 10 jquery

1. Material UI-Material Design CSS framework

Material Design is a brand new Design concept launched by Google. It adopts bold colors, smooth animation playback, and simple card-style Design. The Material Design style Design has a clean layout and a simple layout, which is easy to understand and focuses on content. Material UI is a CSS framework and a set of React components that implement the Design specifications of Google Material Design. You can use browserify and reactify dependency management and JSX conversion as the NPM installation package.

Online Demo

Source code download

2. Focus Image carousel animation on the right tab implemented by jQuery

The source code of the Focus Image carousel animation effect on the right side of the jQuery implementation tab is a fresh and cute focus image carousel code that supports automatic carousel and manual clicking. It is a good focus chart switching code.

Online Demo

Source code download

3. The page thumbnail outline implemented by jquery can be slide and displayed dynamically.

The thumbnail outline of a Web page implemented by query can be slide to display the source code of the dynamic special effect. It is a code that displays the thumbnail of a Web page outline. Click the slide thumbnail to see what you want, you can click, drag, and scroll to switch the display.

Online Demo

Source code download

4. Three luminous animations for customizing and beautifying the ul ol list implemented by pure CSS3

This is a special CSS3 effect type that we have not shared before. It is a CSS 3 application that can customize the beautification UL and OL list. When we move the mouse over each list item, there will be some animation effects, the effect is very good. There are three types of list beautification styles, with the cool luminous effect.

Online Demo

Source code download

5. source code for special effects of linear charts implemented by HTML5 + SVG

The HTML5 chart application to be shared today is a linear chart, which is mainly constructed using SVG, this SVG linear chart can draw data areas of the chart in different colors.

Online Demo

Source code download

6. HTML5 Canvas-based flame injection Animation

Today we are going to share a similar HTML5 animation effect, an HTML5 Canvas-based flame injection animation. Drag a straight line with the mouse. The length of the line indicates the intensity of the flame injection. In addition, the flame can also be reflected in motion.

Online Demo

Source code download

7. Click the vertical switch on the accordion tab implemented by Jquery.

Click the source code of the vertical switch Dynamic Effect on the accordion tab implemented by Jquery. It is an accordion Option Switch code that can achieve the vertical dynamic switch effect, using this type of code on a webpage makes the page display more concise and refreshing.

Online Demo

Source code download

8. jquery-implemented tab switch that supports Mobile Phone Touch Screen sliding Switching

Jquery provides the source code of the Tab switching special effects that support Mobile Phone Touch Screen sliding switching. It is a piece of code that can achieve the switching effect of Mobile Phone Touch Screen sliding between left and right. Of course, you can use the mouse to slide between left and right on your computer, this type of effect is mostly used in the list of mobile assistants on mobile phones. Friends who need this code can download it.

Online Demo

Source code download

9. jQuery dynamically generates order progress steps

This is a jQuery-based step code for dynamically generating order progress. It extracts data transmitted to the page in the background and changes the progress based on the data. You can set the initial value in o_status of the js script to change the progress.

Online Demo

Source code download

10. HTML5/CSS3 custom floating Select exclusive drop-down menu

Today, we want to share a custom Select drop-down menu suspended by HTML5/CSS3. This CSS3 menu can be floating on a webpage with shadow effects. At the same time, when you expand the drop-down box, a level-2 menu is displayed in the form of rotation, and the menu is floating and shaking.

Online Demo

Source code download

> Fixed link: http://www.i7758.com/archives/893.html