Use auxiliary plug-ins to create web page carousel and plug-in apps

Source: Internet
Author: User

Use auxiliary plug-ins to create web page carousel and plug-in apps

The carousel effect on the APP is the same as that on bootstrap.

I am using swiper. Just like in the previous article, I just need to introduce the swiper JS css file to html and then copy the desired code. Then, the address bar in the image is the address of the swiper official website. you can see there are various special effects

For those who have not yet learned about JS and want to achieve a variety of effects, there are many types of carousel effects to meet the needs in various situations.

If the template is different from the one you want, you can modify a part of the template.

For example, some JavaScript styles can be written in the body, such

<Script type = "text/javascript">
Var mySwiper = new Swiper ('. swiper-iner ',{
Loop: true, pagination: '. swiper-pagination ',
Autoplay: 3000,
});
</Script>
If you delete autoplay 3000, the loop will not be automatically played. If you delete the loop: true, there will be no infinite loop.
Of course, autoplay loop is what I understand after I find the translation.
It does mean automatic playback and loop.
Newbie on the road above for not to learn part of the self-understanding of the content if there are objective facts do not match please forgive me finally attached swiper address: http://www.swiper.com.cn/

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.