<!DOCTYPE html>
<html >
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta charset="utf-8">
<title>輪播圖</title>
<link rel="stylesheet" href="https://sucai.suoluomei.cn/sucai_zs/file/20191212170429-swiper.min.css" target="_blank" rel="external nofollow" >
<link rel="stylesheet" href="https://sucai.suoluomei.cn/sucai_zs/file/20191212170333-20191212165135-style.css" target="_blank" rel="external nofollow" >
</head>
<body>
<!--<ul id="top"><li>首頁</li><li>全球動态</li><li>海外直播</li></ul>-->
<div class="global">
<div class="swiper-container global-promotion">
<div class="swiper-wrapper">
<div class="swiper-slide hk"><img src="https://sucai.suoluomei.cn/sucai_zs/images/20191212170722-p_hk.png"></div>
<div class="swiper-slide au"><img src="https://sucai.suoluomei.cn/sucai_zs/images/20191212170741-p_au.png"></div>
<div class="swiper-slide en"><img src="https://sucai.suoluomei.cn/sucai_zs/images/20191212170752-p_en.png"></div>
<div class="swiper-slide jp"><img src="https://sucai.suoluomei.cn/sucai_zs/images/20191212170803-p_jp.png"></div>
<div class="swiper-slide us"><img src="https://sucai.suoluomei.cn/sucai_zs/images/20191212170813-p_us.png"></div>
</div>
</div>
<!--<div class="global-mask"><img src="images/txt.png"></div>-->
<div class="global-circle">
<ul>
<li class="hk"></li>
<li class="au"></li>
<li class="en"></li>
<li class="jp"></li>
<li class="us"></li>
</ul>
</div>
<!--<div class="global-bg"></div>-->
</div>
<!--<div><img src="images/other.png" width="100%"></div>-->
<!--<div id="bottom"><img src="images/bottom.png" width="100%"></div>-->
<script src="https://sucai.suoluomei.cn/sucai_zs/file/20191212170422-swiper.min.js"></script>
<script src="https://sucai.suoluomei.cn/sucai_zs/file/20191212170527-taobao.min.js"></script>
</body>
</html>
效果圖
![用js實作的一個加載中狀态的動态效果[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)