Hi~欢迎访问蓝魅网络❦最全面网络资源分享基地
10 Years
企业级服务提供商

网站动态文字广告跳转安全检测html代码

Partner 站长学院 2021-01-8 热度 1.25K℃ 收藏 本文共12342个字，预计阅读时间需要31分钟。

使用方法：

把源码放置到服务器或者主机空间，通过域名访问。

域名/lmeim.html?tpurl=自己需要跳转的网址

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蓝魅提醒您-蓝魅广告正在加载中...</title>  
<style>
body { font-family:Fredoka One,cursive; font-size:1pc; margin:0; background: linear-gradient(to right, #bb313e25, #bb313e25, #d7222925, #dd4a1625, #e4761525, #f5c50025, #f0e92725, #b1ce2425, #48a93525, #03944525, #157c4f25, #176a5825, #1b556325, #1d386f25, #1d386f25, #20277825, #52266325, #8a244b25); } #app { display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; min-height:100vh; overflow:hidden } .text-wrapper { padding:0 1rem; max-width:50rem; width:100%; text-align:center } .text { font-size:5em; text-transform:uppercase; letter-spacing:2px; font-family:"Microsoft YaHei"; } .text .letter { position:relative; display:inline-block; transition:all .4s } .text .letter .character { opacity:.65; transition:color .4s; cursor:pointer } .text .letter span { position:absolute; bottom:-1rem; left:.4rem; display:block; width:100%; height:15px } .text .letter span:before { content:''; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%,-50%); border-radius:50%; background:rgba(0,0,0,.25) } .text .letter:hover .character { color:#fff!important } .text.part1 .letter:nth-child(1).poofed { transform-origin:50% 50%; animation:poofing1 1.4s ease-in-out infinite alternate } @keyframes poofing1 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(459deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(1) .character { color:#f44336; animation:wave 1.2s linear infinite; animation-delay:.33333s } /*鹏仔先生*/ /*QQ:344225443*/ .text.part1 .letter:nth-child(1) span:before { animation:shadow 1.2s linear infinite; animation-delay:.33333s } .text.part1 .letter:nth-child(2).poofed { transform-origin:50% 50%; animation:poofing2 1.4s ease-in-out infinite alternate } @keyframes poofing2 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(540deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(2) .character { color:#9c27b0; animation:wave 1.2s linear infinite; animation-delay:.66667s } .text.part1 .letter:nth-child(2) span:before { animation:shadow 1.2s linear infinite; animation-delay:.66667s } .text.part1 .letter:nth-child(3).poofed { transform-origin:50% 50%; animation:poofing3 1.4s ease-in-out infinite alternate } @keyframes poofing3 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(264deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(3) .character { color:#f99b0c; animation:wave 1.2s linear infinite; animation-delay:1s } .text.part1 .letter:nth-child(3) span:before { animation:shadow 1.2s linear infinite; animation-delay:1s } .text.part1 .letter:nth-child(4).poofed { transform-origin:50% 50%; animation:poofing4 1.4s ease-in-out infinite alternate } @keyframes poofing4 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(42deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(42deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(4) .character { color:#cee007; animation:wave 1.2s linear infinite; animation-delay:1.33333s } .text.part1 .letter:nth-child(4) span:before { animation:shadow 1.2s linear infinite; animation-delay:1.33333s } .text.part1 .letter:nth-child(5).poofed { transform-origin:50% 50%; animation:poofing5 1.4s ease-in-out infinite alternate } @keyframes poofing5 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(384deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(384deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(5) .character { color:#00c6b2; animation:wave 1.2s linear infinite; animation-delay:1.66667s } .text.part1 .letter:nth-child(5) span:before { animation:shadow 1.2s linear infinite; animation-delay:1.66667s } .text.part1 .letter:nth-child(6).poofed { transform-origin:50% 50%; animation:poofing6 1.4s ease-in-out infinite alternate } @keyframes poofing6 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(6) .character { color:#f44336; animation:wave 1.2s linear infinite; animation-delay:2s } .text.part1 .letter:nth-child(6) span:before { animation:shadow 1.2s linear infinite; animation-delay:2s } .text.part1 .letter:nth-child(7).poofed { transform-origin:50% 50%; animation:poofing7 1.4s ease-in-out infinite alternate } @keyframes poofing7 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part1 .letter:nth-child(7) .character { color:#4caf50; animation:wave 1.2s linear infinite; animation-delay:2.5s } .text.part1 .letter:nth-child(7) span:before { animation:shadow 1.2s linear infinite; animation-delay:3s } .text.part2 span:nth-child(1).poofed { animation:sec_poofing1 1.4s ease-in-out infinite alternate } @keyframes sec_poofing1 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(268deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(268deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(1) .character { color:#ff5a5f; animation:wave 1.2s linear infinite; animation-delay:2.33333s } .text.part2 span:nth-child(1) span:before { animation:shadow 1.2s linear infinite; animation-delay:2.33333s } .text.part2 span:nth-child(2).poofed { animation:sec_poofing2 1.4s ease-in-out infinite alternate } @keyframes sec_poofing2 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(135deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(135deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(2) .character { color:#f99b0c; animation:wave 1.2s linear infinite; animation-delay:2.66667s } .text.part2 span:nth-child(2) span:before { animation:shadow 1.2s linear infinite; animation-delay:2.66667s } .text.part2 span:nth-child(3).poofed { animation:sec_poofing3 1.4s ease-in-out infinite alternate } @keyframes sec_poofing3 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(442deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(442deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(3) .character { color:#cee007; animation:wave 1.2s linear infinite; animation-delay:3s } .text.part2 span:nth-child(3) span:before { animation:shadow 1.2s linear infinite; animation-delay:3s } .text.part2 span:nth-child(4).poofed { animation:sec_poofing4 1.4s ease-in-out infinite alternate } @keyframes sec_poofing4 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(525deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(525deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(4) .character { color:#00c6b2; animation:wave 1.2s linear infinite; animation-delay:3.33333s } .text.part2 span:nth-child(4) span:before { animation:shadow 1.2s linear infinite; animation-delay:3.33333s } .text.part2 span:nth-child(5).poofed { animation:sec_poofing5 1.4s ease-in-out infinite alternate } @keyframes sec_poofing5 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(419deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(419deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(5) .character { color:#4e2a84; animation:wave 1.2s linear infinite; animation-delay:3.66667s } .text.part2 span:nth-child(5) span:before { animation:shadow 1.2s linear infinite; animation-delay:3.66667s } .text.part2 span:nth-child(6).poofed { animation:sec_poofing6 1.4s ease-in-out infinite alternate } @keyframes sec_poofing6 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(246deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(246deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(6) .character { color:#9c27b0; animation:wave 1.2s linear infinite; animation-delay:4s } .text.part2 span:nth-child(6) span:before { animation:shadow 1.2s linear infinite; animation-delay:4s } .text.part2 span:nth-child(7).poofed { animation:sec_poofing7 1.4s ease-in-out infinite alternate } @keyframes sec_poofing7 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(206deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(206deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(7) .character { color:#f99b0c; animation:wave 1.2s linear infinite; animation-delay:4.33333s } .text.part2 span:nth-child(7) span:before { animation:shadow 1.2s linear infinite; animation-delay:4.33333s } .text.part2 span:nth-child(8).poofed { animation:sec_poofing8 1.4s ease-in-out infinite alternate } @keyframes sec_poofing8 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(60deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(60deg) rotateY(360deg) translateY(-700px) scale(0.01) } }.text.part2 span:nth-child(8) .character { color:#cee007; animation:wave 1.2s linear infinite; animation-delay:4.66667s } .text.part2 span:nth-child(8) span:before { animation:shadow 1.2s linear infinite; animation-delay:4.66667s } .text.part2 span:nth-child(9).poofed { animation:sec_poofing9 1.4s ease-in-out infinite alternate } @keyframes sec_poofing9 { 0% { transform:rotateZ(0deg) rotateY(0) translateY(0px) scale(1) } 50% { transform:rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1) } 56% { transform:rotateZ(496deg) rotateY(360deg) translateY(0px) scale(1) } to { transform:rotateZ(496deg) rotateY(360deg) translateY(-700px) scale(0.01) } } .text.part2 span:nth-child(9) .character { color:#00c6b2; animation:wave 1.2s linear infinite; animation-delay:5s } .text.part2 span:nth-child(9) span:before { animation:shadow 1.2s linear infinite; animation-delay:5s } @keyframes wave { 0% { transform:translateY(0) } 50% { transform:translateY(-10px) } to { transform:translateY(0) } }@keyframes shadow { 0% { width:0; height:0 } 50% { width:100%; height:100% } to { width:0; height:0 } } .how-to { margin:2rem 0 2rem 1rem; font-family:Opens Sans,sans-serif; font-weight:300; font-size:.85em; letter-spacing:4px; color:rgba(0,0,0,.8) } @keyframes rotate { 0% { transform:rotateZ(0) scale(0.7) } to { transform:rotateZ(360deg) scale(0.7) } } @media only screen and (max-width:767px) { .text { font-size:6em } .text .letter span { bottom:.5rem } } @media only screen and (max-width:480px) { .text { font-size:4em } .text .letter span { bottom:0 } }
</style> 
</head>
<body>  
<div id="app">
<div class="text-wrapper">
	<div class="text part1">
		<div>
			<span class="letter"><div class="character">广</div> <span></span></span>
			<span class="letter"><div class="character">告</div> <span></span></span>
			<span class="letter"><div class="character">加</div> <span></span></span>
			<span class="letter"><div class="character">载</div> <span></span></span>
			<span class="letter"><div class="character">中</div> <span></span></span>
		</div>
	</div>
	<div class="how-to"><span><strong id="seconds" style="color: red;font-size: 20px;">3</strong>秒后跳转到第三方网站</span></div>
	<div class="how-to"><span>第三方网站与本站无关，请自行判断，谨慎交易。</span></div>
	</div>
</div>
</body>
</html>
<script>
	// 获取当前url地址
	var url = window.location.href;
	// 截取传递的url参数
	url = url.match(/tpurl=(\S*)/)[1];
	// 获取秒数显示id
	var seconds = document.getElementById("seconds");
	// 设置秒数
    var num = 3;
    var timer = setInterval(function () {
        num--;
        seconds.innerText = num;
        if(num == 0){
            window.location.href = url;
        }
    },1000)
</script>
<!-- 蓝魅网络 -->
<!-- www.lmeim.cn -->

 

 

 

版权声明：本文内容来源于互联网资源，由 蓝魅网络 整理汇总，如有侵权请您与我们联系删除！
其他声明：如未标明出处，所有文章均为蓝魅网络原创，转载请务必保留本文链接，感谢您支持。
蓝魅网络 » 网站动态文字广告跳转安全检测html代码
Partner

Partner

分享到：
  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装（一般 ¥50-300）服务答疑仅限会员用户
    3、单价超过200元的模板即可以免费一次安装，需提供服务器信息
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置安装（一般 ¥50-300）
    4、网站中毒处理（需额外付费，500元/次/质保三个月）
    售后服务时间 周一至周日（法定节假日除外） 9:00-23:00
    免责声明提示 本站所提供的资源仅供学习交流，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担，有部分资源为网上收集或仿制而来，若模板侵犯了您的合法权益，请来信通知我们（Email: 495553705@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！

低至 ¥99 元/年 爆款产品限时抢

阿里云*云小站 | 上云优惠聚集地 | 领取限量云产品优惠

立即抢购

TA们觉得这些也都 棒棒哒