This plugin is also used to learn the effects of other sites
1. Introduction Mislider
Mislider is a very cool jquery-responsive round-the-picture carousel effect plugin. This carousel image can be used to display a picture in a circular image, and then make an infinite loop of the picture to form a carousel or carousel effect. The features of the Carousel plugin are:
- Easy to use
- Support multiple carousel graphs in the same screen
- The contents of a carousel map can be a single picture or complex HTML content
- Lightweight
- Responsive design
- Very easy to customize
- A rich callback function
- Cross-browser, support ie8+ browser
2. Introduction of JS and CSS files:
- Jquery.min.js
- Mislider.js
- Mislider.css
- Mislider-custom.css
3. Building HTML
4. Write Initialization plugin
<script> jQuery (function ($) { var slider = $ (". Mis-stage"). Mislider (); }) </script>
The approximate style, if you need a more beautiful style can modify the Mislider-custom.css style, JS can also be modified, but before the change to see a clear note
Reference website: https://www.cnblogs.com/charmingyj/p/5688112.html
This week's circular carousel plugin Mislider.js