This article illustrates the method of JS to support the mobile phone sliding switch of the effect of the carousel picture. Share to everyone for your reference. Specifically as follows:
The operation effect is as follows:
Full instance code click here to download the site.
Use method Case:
?
1 2 3 4 5 6 7 |
<script type= "Text/javascript" src= ". /src/zepto.js "></script> <script type=" Text/javascript "src=". /src/carousel-image.js "></script> <script> $ ('. Carousel-image '). Carouselimage ({num: $ ('. Carousel-num ')}); </script> |
or Requirejs:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 The |
|
API properties, methods, and callbacks:
Target
Indicates that the element within this container triggers the event and that it should have a child-level container for easy animation optimization
Num:
The intention is to display the number of the current index, but now hide the number with a style, if you want to display the number style, you can change the style file
I hope this article will help you with your JavaScript programming.