<!-- <!DOCTYPE html> -->
<html>
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="UTF-8">
<style>
* {padding: 0;margin: 0;}
html, body {padding: 0;margin: 0;border: 0;width:100%;height:100%;overflow: hidden;}
.bg-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
</style>
<title>畅移2020年会盛典</title>
</head>
<body>
<!-- 10s自动切换 -->
<img class="bg-img" src="./img/pc/bg_logo.png">
<img class="bg-img" src="./img/pc/bg_theme.png">
<script src="./js/jquery.min.js"></script>
<script>
let i = 0;
setInterval(function() {
i++;
i = i % 2;
if (i === 1) {
$('.bg-img').eq(0).fadeIn(3000);
$('.bg-img').eq(1).fadeOut(3000);
} else {
$('.bg-img').eq(1).fadeIn(3000);
$('.bg-img').eq(0).fadeOut(3000);
}
}, 10000);
</script>
</body>
</html>