gongyan
/
JHSpH5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <title>热血之刃</title>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/ua-parser.min.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
            touch-action: none;
            touch-action: pan-y;
        }
        
        html,
        body {
            height: 100%;
        }
        
        a {
            text-decoration: none;
        }
        
        .wrap {
            position: relative;
            max-width: 640px;
            margin: 0 auto;
        }
        
        img {
            display: block;
            width: 100%;
            margin-top: -1px;
        }
        
        video {
            margin-top: -1px;
        }
        
        .fixed_url {
            z-index: 99;
            position: fixed;
            min-width: 640px;
            width: 100%;
        }
        
        .fixed_url a {
            width: 33.33%;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .fixed_game {
            position: absolute;
            display: flex;
            top: 50%;
            transform: translateY(-50%);
            padding: 15px 24px;
        }
        
        .fixed_game img {
            width: 80px;
            height: 80px;
            border-radius: 10px;
        }
        
        .fixed_game_in {
            padding: 8px 12px;
        }
        
        .fixed_gamename {
            font-weight: bold;
            font-size: 25px;
            width: 150px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .fixed_gamepromo {
            width: 300px;
            font-size: 23px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }
        
        #weixin_tips {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 99;
            max-width: 640px;
            margin: 0 auto;
            background-color: rgba(0, 0, 0, 0.5);
        }
        
        #exit_window {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            background: rgba(0, 0, 0, 0.8);
        }
        
        #exit_window span {
            display: block;
            width: 100%;
            height: calc((100% - 600px) / 2);
        }
        
        #dialog {
            margin-top: 200px;
            position: absolute;
            width: 72%;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 25%;
        }
    </style>
    <script>
        const CONFIG = {
            downloadApk: "https://game.jhfly.cn/download/rxzr14.apk",
            androidJumpUrl: "https://game.jhfly.cn",
            iosJumpUrl: "https://h5.jhfly.cn/rxzr/"
        }

        var ua = navigator.userAgent;
        var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
        var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
        var iosclick = '';
        var isIos = ipad || isIphone;
        var gid;


        function setStatScript(url) {
            if (url) {
                var script = document.createElement('script'),
                    body = document.body || document.getElementsByTagName("body")[0] || document.documentElement;
                with(script) {
                    src = url,
                        type = 'text/javascript',
                        async = 'async'
                }
                body.appendChild(script);
            }
        }

        function tjcheck() {
            if (isIos) {
                window.location.href = CONFIG.iosJumpUrl
            } else {
                download(CONFIG.downloadApk);
                setTimeout(() => {
                    window.location.href = CONFIG.androidJumpUrl;
                }, 100);
            }
        }

        function isWeiXin() {
            var ua = window.navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == 'micromessenger') {
                return true;
            } else {
                return false;
            }
        }

        function weixin_tips() {
            document.getElementById('weixin_tips').style.display = 'block';
        }

        function download(url) {
            const link = document.createElement("a");
            link.href = url;
            link.target = "_blank";
            link.style.display = "none";
            document.body.append(link);
            link.click();
        }
    </script>

</head>

<body>
    <div class="wrap">
        <a href="#" onclick="tjcheck();" class="link">
            <img src="./images/NO.1.gif" alt class="img100">
            <img src="./images/NO.2.gif" alt class="img100">
        </a>
        <!--  poster="/wap/img/njrz/https://img2.tst.cn/issue_activity/20210413/cbd7ce98c227f62ae4682a71a7700a45.jpg" -->
        <video id="video" class="video" src="media/NO3.mp4" style="width: 100%;object-fit:fill;" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" x5-playsinline x5-video-player-type="h5" x5-video-player-fullscreen x5-video-orientation="portraint"
            preload="auto" controls>您的浏览器不支持 video
            标签。</video>
        <a href="#" onclick="tjcheck();" class="link">
            <img src="./images/NO4.png" alt class="img100">
        </a>
        <div style="background:black;text-align: center;width: 100%;height: 106px;"></div>
    </div>
    <!-- 底部固定框 -->
    <div class="fixed_url" style=" bottom:0; ;">
        <a href="#" onclick="tjcheck();" class="link"></a>
        <img src="./images/1.png" alt style="width: 100%">
        <div class="fixed_game">
            <img src="./images/icon.png">
            <div class="fixed_game_in">
                <div class="fixed_gamename" style="color:#FFFFFF"> 热血之刃 </div> <span class="fixed_gamepromo" style="color:#FFFFFF"> 全网独家打金服，来玩就送V20！ </span>
            </div>
        </div>
    </div>
    <!-- 弹框 -->
    <div id="exit_window">
        <span class="closeBtn"></span>
        <div id="dialog">
            <a href="#" onclick="tjcheck();" class="link">
                <img src="./images/2.png" style="width: 100%;pointer-events: none"> </a>
            <a class="closeBtn" style="display: block;position: absolute;top: 0;right: 0;height: 1.9rem;width: 1.9rem;padding: .6rem;">
                <img src="./images/exit_close1.png" alt style="position: absolute;top: 0;right: 0;height: 1.9rem;width: 1.9rem;padding: .6rem;pointer-events: none">
            </a>
        </div>
        <span class="closeBtn" style="margin-top: 600px;"></span>
    </div>
    <div id="weixin_tips">
        <img src="./images/wx_pup.png" alt class="img100">
    </div>

    <!-- 滚动弹窗 -->
    <script>
        var step = 0;
        var index = 60;
        (function() {

            if (isWeiXin()) {
                weixin_tips();
            } else {
                // setStatScript(tjurl);
                // tjcheck();
                // $('.link').attr("href", CONFIG.iosJumpUrl);
                if (!isIos) {
                    // window.location.href = CONFIG.androidJumpUrl;
                }
            }

            var startX;
            var startY;
            window.addEventListener("touchstart", function(e) {
                startX = e.changedTouches[0].pageX;
                startY = e.changedTouches[0].pageY;
            });
            navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
            if (navigator.vibrate) {
                console.log("支持设备震动！");
            }
            window.addEventListener("touchmove", function(e) {
                // 判断默认行为是否可以被禁用
                if (e.cancelable) {
                    // 判断默认行为是否已经被禁用
                    if (!e.defaultPrevented) {
                        e.preventDefault();
                    }
                }
                moveEndX = e.changedTouches[0].pageX;
                moveEndY = e.changedTouches[0].pageY;
                X = moveEndX - startX;
                Y = moveEndY - startY;
                //左滑 //右滑
                if ((X > 0 && Math.abs(X) > Math.abs(Y)) || (X < 0 && Math.abs(X) > Math.abs(Y))) {
                    $('#exit_window').show();
                    setTimeout(function() {
                        if (window.navigator.vibrate) {
                            window.navigator.vibrate([200, 100, 200]);
                        }
                    }, 100)
                }
                return false;
            });


            // 点击关闭弹框
            $('.closeBtn').click(function() {
                $('#exit_window').hide();
            })
        })();
    </script>
</body>

</html>