2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 手机网页底部广告代码 悬浮底部广告 带关闭开关 复制文字 按钮

手机网页底部广告代码 悬浮底部广告 带关闭开关 复制文字 按钮

时间:2019-09-26 04:54:48

相关推荐

手机网页底部广告代码 悬浮底部广告 带关闭开关 复制文字 按钮

此文章是自己看的。

<<<<<示例

<!DOCTYPE HTML><html><head><title>手机网页底部广告</title></head><body><div style="width: 100%;height: 14.67vw;position: fixed;bottom: 0;"><div style="width: 100%;height: 100%;background-color: #222;"><tablestyle="height: 100%;width: 100%;border: 0;margin: 0;padding: 0;background-color: #222;text-align: center;"><tr style="height: 100%;width: 100%;border: 0;margin: 0;padding: 0;"><td style="height: 100%;width: 30%;border: 0;margin: 0;padding: 0;"><img src="/fenxiang_logo.png" style="width: 90%;height: auto;"id="fenxiang"></td><td style="height: 100%;width: 25%;border: 0;margin: 0;padding: 0;"><div style="color: white;font-size: 75%;" id="yaoqingma"><div>邀请码,点击复制</div><div>VET3MU</div></div></td><td style="height: 100%;width: 30%;border: 0;margin: 0;padding: 0;"><a target="_blank"href="https://a./o/microindex/com.n_add.android?pkgname=com.n_add.android" style="border-radius: 1rem; float: left;width: 5.125rem;height: 1.75rem;font-family: PingFangSC-Regular;font-size: .75rem;text-align: center;line-height: 1.75rem;color: #0a0a0a;background: #fff;">立即下载</a></td></tr></table><script src="/clipboard.js/2.0.4/clipboard.min.js"></script><script>var yaoqingma = document.getElementById('yaoqingma');var clipboard = new ClipboardJS(yaoqingma, {text: function () {return 'VET3MU';}});clipboard.on('success', function (e) {//复制成功执行的回调,可选showToast('邀请码复制成功,请下载粉象生活APP,注册有礼!', 2000);});clipboard.on('error', function (e) {//复制失败执行的回调,可选console.log(e);});var fenxiang = document.getElementById('fenxiang');fenxiang.addEventListener("click", function () {showToast('<div style="text-align:left;">✔️ 免费下载,邀您加入【粉象生活】<br>✔️ 自动搜索全网大额隐藏优惠券(淘宝、美团、饿了么等)<br>✔️ 先领券再购物,还能返现金<br>………</div>', 2000);}, false)// 封装的弹窗var toastTimer;function showToast(msg, duration) {clearTimeout(toastTimer);var ToastBox = document.getElementsByClassName('toastDiv-box')[0];if (ToastBox) document.body.removeChild(ToastBox);//防止重复弹出duration = isNaN(duration) ? 3000 : duration;var m = document.createElement('div');m.className = 'toastDiv-box';m.innerHTML = msg;m.style.cssText = "width: 70%;min-width: 150px;opacity: 0.7;height: auto;color: rgb(255, 255, 255);text-align: center;padding: 10px;border-radius: 5px;position: fixed;top: 40%;left: 15%;z-index: 999999;background: rgb(0, 0, 0);font-size: 14px;overflow: hidden;";document.body.appendChild(m);toastTimer = setTimeout(function () {var d = 0.5;m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';m.style.opacity = '0';setTimeout(function () { document.body.removeChild(m); }, d * 1000);}, duration);}</script></div></div></body></html>

<<<<<示例

<a href="https://union-/jdc?e=&p=AyIGZRprFDJWWA1FBCVbV0IUWVALHFRHFwQAQB1AWQkFGktBV1cIBR1cHFBTB0EDSF98W0tDBEBWWxgXQh5JXxxFEBdbJV1tR1NfDVNacWAzaxxHcGFyNmYBFUQeC2UbXhEBFQFlG1oUAhcEXBxYFDIiB1YrEHsDIgRUGFscBhUBVR9rFQYbB1weXx0FFQJXHmsSAhs3jLjhwqWk0tynjL2gxojzK2slASI3ZRprFTJNQwhGaxcDEwNc" target="_blank"><img src="/jingdong.jpg" style="width: 100%;height: 100%;"></a>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。