没啥好说的，直接上代码，可以运行看效果，喜欢的就直接复制吧。
HTML
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <meta http-equiv="refresh" content="30;url='http://nidecms.com/';">
- <title>即将离开本网站，请注意账号财产安全</title>
- <style>
- html{background:#f4f5f5}
- #box{margin:auto;background:#fff;padding:10px 30px;margin-top:10%;max-width:500px;box-sizing:border-box;border:1px solid #e5e6eb;border-radius:2px}
- .note{font-size:18px;line-height:20px}
- .link{padding:16px 0 24px;border-bottom:1px solid #e5e6eb;position:relative;color:gray;font-family:"PingFang SC";font-size:14px;word-break:break-all}
- .btn-plane{text-align:right}
- button{margin-top:20px;color:#fff;border-radius:3px;border:none;background:#007fff;height:32px;font-size:14px;padding:0 14px;cursor:pointer;outline:0}
- button a{color:#fff;text-decoration:none}
- </style>
- </head>
- <body>
- <div id="box">
- <p>即将离开本网站，请注意账号财产安全</p>
- <p>http://nidecms.com/</p>
- <p>
- <button><a id="close" onclick="closePage()">关闭页面</a></button> <button><a id="UrlId" href="http://nidecms.com/" rel="nofollow">继续访问</a></button>
- </p>
- </div>
- <script>
- function closePage() {
- /* 设个定时器，如果页面未关闭，则跳转至首页 */
- setTimeout(function() {
- window.location.href = 'http://nidecms.com/';
- },
- 300);
- /* 通用窗口关闭 */
- window.opener = null;
- window.open('', '_self');
- window.close();
- /* 微信浏览器关闭 */
- WeixinJSBridge.call('closeWindow');
- }
- </script>
- </body>
- </html>
可以实现自动跳转，这是还没有封装的，自己封装吧，封装起来也不难的啊。
本文结束
评论专区
上一篇
发表评论
评论列表（无评论）