ZhiKun Xing's profile

Slide style website

The swiper front-end framework is mainly used to make the web page look like a slide. The vertical carousel is used as the main framework of the whole page, and the horizontal carousel is nested in the first and fourth pages.

In addition to the swiper front-end framework, it also uses the animate.css . The main web animation is also achieved through this.

jQuery is widely used in the JavaScript part. Changes in the style of the navigation bar, new windows appear when clicking on images, etc., are all implemented through jQuery.
Further study CSS animation ,The fixed circularly moving icon at the bottom of the page is realized by CSS animation.

Swiper events are used in many places in the webpage, and many interesting functions are realized in combination with jQuery. For example, on the second page, the navigation bar style will be switched, and the cycle motion icon at the bottom will disappear on the sixth page.


Slide style website
Published:

Slide style website

Published: