高仿QQ打开网址提示当前非官方页面的模板

 

使用方法:
建个html文件把下面代码复制进去,访问你建的html文件后面加?url=网址。
代码如下:

<!DOCTYPE html>
<html>
<head>
<title>提示</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial- 
scale=1.0, user-scalable=no">
</head>
<style>
html,body{height:100%;margin:0;padding:0;background-color:#fff;}.section{margin:0;color:#222;font- 
size:12px;padding:70px 15px 20px;text-align:center;}.ui-title{font-size:18px;font- 
weight:bold;color:#03081A;letter-spacing:2px;}.ui-notice{font-size:16px;margin-bottom:13px;font- 
weight:normal;color:#878B99;}.url{padding:5px 0;word-break:break-all;font- 
size:14px;color:#03081A;}#complain{}.ui-icon{display:inline-block;width:80px;margin:0 auto 
10px;}.bottom{position:absolute;bottom:30px;left:0;right:0;color:#B0B3BF;}.bottom-item{display:inline- 
block;font-size:14px;cursor:pointer;color:#40A0FF;text-decoration:none;}.ui- 
arrow{float:right;display:none;width:15px;height:15px;}.copy-btn{display:none;width:80%;margin:13px 
auto 0;padding:10px 0;text-align:center;background:#00CAFC;color:#fff;border- 
radius:6px;outline:none;border:none;}.copy-result{display:none;text-align:center;}.wq{border- 
style:groove;border-radius:4px;}.wq:hover{}
</style>
<body>
<section class="section">
<img class="ui-icon" src="https://3gimg.qq.com/tele_safe/static/tmp/ic_alert_blue.png">
 
<p class="ui-title">当前网页禁止在QQ内打开</p>
 
<div cols="20" id="biao1"><div class="url" id="url"></div></div>
 
<input class="wq" type="button" onClick="copyUrl2()" value="点击复制网址" />
 
<p class="ui-notice"  id="mobile" style="display: none">当前网址禁止在QQ内打开,如需访问,请复制网址后使用 
浏览器访问!</p>
 
<p class="ui-notice"  id="pc" style="display: none">当前网址禁止在QQ内打开,如需访问,请复制网址后使用浏览 
器访问!</p>
 
  <div class="bottom">
 
    <div id="complain" class="bottom-item">申请恢复访问</div> |
 
    <div id="guide" class="bottom-item">客服指引</div> |
 
    <div id="rule" class="bottom-item">查看规则</div>
 
  </div>
 
</section>
 
</body>
 
<script src="https://cdn.bootcss.com/jquery/1.8.2/jquery.min.js"></script>
 
<script src="https://3gimg.qq.com/tele_safe/static/Lib/clipboard.min.js"></script>
 
<script>
 
var UA = navigator.userAgent
 
if (UA.toLowerCase().indexOf('mobile') >= 0) {
 
$('#mobile').show()
 
} else {
 
$('#pc').show()
 
}
 
function getParams(name){
 
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
 
var r = window.location.search.substr(1).match(reg);
 
if (r != null) return decodeURIComponent(r[2]);
 
 return '';
 
 }
 
 var url = getParams('url')
 
 var showUrl = url
 
if(url.length > 100) {
 
showUrl = url.slice(0, 30) + '...'
 
$('.ui-arrow').show()
 
$('#copy-btn').show()
 
$('.ui-arrow').on('click', function() {
 
$('#url').html('')
 
var coUrl = url.length > 200 ? url.slice(0, 200) + '...' : url
 
document.getElementById('url').appendChild(document.createTextNode(coUrl))
 
})
 
var clipboard = new ClipboardJS('#copy-btn', {
 
text: function(trigger) {
 
  return url
 
}
 
})
 
clipboard.on('success', function(e) {
 
$('.copy-result').show()
 
setTimeout(function(){$('.copy-result').hide()}, 1000)
 
})
 
clipboard.on('error', function(e) {
 
MtaH5.clickStat('copyerror', {
 
  'action': e.action,
 
  'trigger': e.trigger
 
})
 
})
 
}
 
 document.getElementById('url').appendChild(document.createTextNode(showUrl))
 
 $('body').on('copy', function(e) {
 
 MtaH5.clickStat('copy',{'url':url})
 
 })
 
// 申诉
 
$('#complain').on('click', function() {
 
 MtaH5 && MtaH5.clickStat("complain")
 
if (UA.toLowerCase().indexOf('mobile') >= 0) {
 
window.location.href = 'https://guanjia.qq.com/online_server/m_complain.html?url='+ escape(url)
 
} else {
 
window.location.href = 'https://guanjia.qq.com/online_server/complain_url.html?url='+ escape(url)
 
}
 
})
 
$('#rule').on('click', function() {
 
window.open('https://urlsec.qq.com/eviltype.html', '_self')
 
})
 
$('#guide').on('click', function() {
 
window.open('https://kf.qq.com/product/QQ.html', '_self')
 
})
 
</script>
 
<script>
 
function copyUrl2()
 
{
 
    var Url2=document.getElementById("biao1").innerText;
 
    var oInput = document.createElement('input');
 
    oInput.value = Url2;
 
    document.body.appendChild(oInput);
 
    oInput.select(); // 选择对象
 
    document.execCommand("Copy"); // 执行浏览器复制命令
 
    oInput.className = 'oInput';
 
    oInput.style.display='none';
 
    alert('复制成功');
 
 }
 
 </script>
 
 </html>
附件列表(0)
您好,如果您要查看此内容请 回复点我开通会员畅享全站VIP资源
CTRL+D快速收藏,欢迎常来喔
 您阅读这篇文章共花了: 

未经允许不得转载:作者: 思瑶吖, 转载或复制请以 超链接形式 并注明出处 泽楠云博客
原文地址: 《高仿QQ打开网址提示当前非官方页面的模板》 发布于2021年1月29日

本文链接:高仿QQ打开网址提示当前非官方页面的模板 - https://zny91.com/post-399.html

本文标签:

相关推荐
发表评论
0 评论
还没有评论,快来抢沙发吧!
<