当前位置：网站首页>Using swiper to make mobile phone rotation map

Using swiper to make mobile phone rotation map

2022-07-01 15:12:00 【Skipping Wang Xiaozhe】

On their own swiper Download from the official website swiper.min.css as well as  swiper.min.js

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title> Rotation diagram of mobile terminal </title>
	<link rel="stylesheet" href="./css/swiper.min.css">
</head>
<body>
	<div class="contenter">
		<div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img width="100%" src="./images/bj02.png" alt=""></div>
                <div class="swiper-slide"><img width="100%" src="./images/bj03.png" alt=""></div>
            </div>
        </div>
	</div>
	<script src="./js/swiper.min.js"></script>
	<script>
		var mySwiper = new Swiper('.swiper-container', {
            autoplay: 3000,// Optional options , Automatic slide 
        })
	</script>
</body>
</html>

原网站

版权声明
本文为[Skipping Wang Xiaozhe]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/182/202207011509275328.html

边栏推荐

猜你喜欢

随机推荐