|
|
@@ -0,0 +1,302 @@
|
|
|
+<!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>
|
gongyan
4 years ago
