home.html 1.1 KB

Edit Raw Blame History

<!-- <!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>