1

2020-07-11 16:57:47 +08:00 · 2020-07-11 16:57:47 +08:00 · d335b8fc46
commit d335b8fc46
parent 90b91b3e7d
7 changed files with 20 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -7,6 +7,26 @@
    <title>xz_culture</title>
    <script src="./static/ckplayer/ckplayer/ckplayer.js"></script>
    <script src="./static/laydate/laydate.js"></script>
+    <script>
+      (function(window) {
+        var theUA = window.navigator.userAgent.toLowerCase();
+        if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
+          var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
+          if (ieVersion < 11) {
+            var html = '<div class="container" style="position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:780px;padding: 30px 60px;text-align: center"><img src="static/browser-box-bg.png" style="position: absolute;top:0;left:0;width:100%;height:100%;z-index: -1">';
+            html += '<img src="static/browser-update.png" style="margin:30px 0 20px">';
+            html += '<h3 style="font-size: 26px;color: #015293;margin-bottom: 20px;text-align: center">升级或更换浏览器以继续使用</h3><p style="text-align: center;font-size: 18px;color: #333;">当前浏览器版本过低，可能会有安全风险且无法正常显示。建议您升级或使用其他浏览器。</p>';
+            html += '<ul style="display: inline-block;list-style: none"><li style="float:left;margin-right:90px"><a href="https://browser.qq.com/?adtag=SEM170314031" style="display:block;text-align: center"><img src="static/browser-qq.png" alt="" style="width:98px;height:98px;border: none"><h5 style="font-size: 18px;color: #333;font-weight: normal;margin-bottom: 10px">QQ浏览器</h5><span style="display: inline-block;width: 75px;height:25px;line-height: 25px;color: #015293;font-size: 16px;padding: 0 5px">点击下载</span></a></li>';
+            html += '<li style="float:left;margin-right:90px"><a href="https://www.google.cn/chrome/" style="display:block;text-align: center"><img src="static/browser-google.png" alt="" style="width:98px;height:98px;border: none"><h5 style="font-size: 18px;color: #333;font-weight: normal;margin-bottom: 10px">谷歌浏览器</h5>\<span style="display: inline-block;width: 75px;height:25px;line-height: 25px;color: #015293;font-size: 16px;padding: 0 5px">点击下载</span></a></li>'
+            html += '<li style="float:left;margin-right:90px"><a href="http://www.firefox.com.cn/" style="display:block;text-align: center"><img src="static/browser-firefox.png" alt="" style="width:98px;height:98px;border: none"><h5 style="font-size: 18px;color: #333;font-weight: normal;margin-bottom: 10px">火狐浏览器</h5><span style="display: inline-block;width: 75px;height:25px;line-height: 25px;color: #015293;font-size: 16px;padding: 0 5px">点击下载</span></a></li>'
+            html += '<li style="float:left;"><a href="https://www.google.cn/chrome/" style="display:block;text-align: center"><img src="static/browser-1.png" alt="" style="width:98px;height:98px;border: none"><h5 style="font-size: 18px;color: #333;font-weight: normal;margin-bottom: 10px">谷歌浏览器</h5><span style="display: inline-block;width: 75px;height:25px;line-height: 25px;color: #015293;font-size: 16px;padding: 0 5px">点击下载</span></a></li>'
+            html += '</ul>'
+            document.write(html)
+            document.execCommand("Stop");
+          };
+        }
+      })(window);
+    </script>
  </head>
  <body>
    <div id="app"></div>
--- a/static/browser-1.png
+++ b/static/browser-1.png
--- a/static/browser-box-bg.png
+++ b/static/browser-box-bg.png
--- a/static/browser-firefox.png
+++ b/static/browser-firefox.png
--- a/static/browser-google.png
+++ b/static/browser-google.png
--- a/static/browser-qq.png
+++ b/static/browser-qq.png
--- a/static/browser-update.png
+++ b/static/browser-update.png