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

此文章是自己看的。

<<<<<示例

<!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="https://resource.i847.cn/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.app.qq.com/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="https://cdn.bootcss.com/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-click.jd.com/jdc?e=&p=AyIGZRprFDJWWA1FBCVbV0IUWVALHFRHFwQAQB1AWQkFGktBV1cIBR1cHFBTB0EDSF98W0tDBEBWWxgXQh5JXxxFEBdbJV1tR1NfDVNacWAzaxxHcGFyNmYBFUQeC2UbXhEBFQFlG1oUAhcEXBxYFDIiB1YrEHsDIgRUGFscBhUBVR9rFQYbB1weXx0FFQJXHmsSAhs3jLjhwqWk0tynjL2gxojzK2slASI3ZRprFTJNQwhGaxcDEwNc" target="_blank"><img src="https://resource.i847.cn/jingdong.jpg" style="width: 100%;height: 100%;"></a>

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

手机网页导出html代码吗,手机和网页复制文档的方法，你不得不佩服的神操作！...
经常听到身边的朋友吐槽,一篇文章看起来很不错,好想复制下来哦,可是要开各种VIP各种充金币,烦不胜烦!但是一个人是否聪明往往不是取决于他的智商到底有多高,因为现在大部分的人智商基本才不多,所以智商的不 ...
Wiwiz网页认证后的悬浮插播广告功能
在网络认证云平台这个领域里,Wiwiz是元老级别的开创者.1. 1 作为国内最早一批的Web验证方案的无线热点管理系统,目前比较主流的有:ros. Wiwiz. ...
android 检测广告代码,Admob测试广告未在Android应用程序中显示(示例代码)
正如标题所述,我正在尝试将admob广告应用到我的应用程序中,但是当我使用测试广告时,他们没有显示. 启动画面活动: base.OnCreate(savedInstanceState); //Ensu ...
android 插屏广告代码,插屏(Interstitial)广告样式
例如: InterstitialAd mInterstitialAd = new InterstitialAd(this, false); mInterstitialAd.setAdUnitId(ad ...
如何对手机网页底部悬浮广告代码做翻转效果，这样做就好了
如何对手机网页底部悬浮广告代码做翻转效果,这样做就好了首先你要有悬浮层,然后给予CSS赋样式,样式如下: //作者:xycms //update:20190442 //QQ:364500483 va ...
wap手机网页悬浮广告代码遮盖原有网页内容怎么办？
wap手机网页广告代码遮盖原有网页内容怎么办? 这个也许是很多weber在做网页页面会遇到的问题,假如是在中间悬浮,最好的办法就是不要用了,这个没有好的解决办法,只要是广告肯定是要给客户看的,不 ...
js 手机端网站底部悬浮html广告代码
首先底部悬浮html 代码如下,这里因为我自己的需求,所以改成了轮播底部悬浮代码  <style> @media screen and (max- ...
php网页悬浮对联代码,不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: .r1{width:80px;height:80px;backgroun ...
wap手机广告形式有哪些形式——手机站点广告代码
wap手机图片网页广告形式有哪些形式,常见的有固定位置的,如固定flash,固定图片: 二者就是悬浮的,悬浮的很少看见和PC端一样不规则移动的:悬浮常见的有顶部悬浮,底部悬浮,右侧悬浮,左侧悬浮:居中 ...
屏蔽手机网页广告哪家强，还属百度APP
屏蔽手机网页广告哪家强,还属百度APP,为什么这么说?各大网站站长有话语权现在很多网站站长都会给自己的网站投放一些网络广告,由于现在都是移动端用户比较多,站长的心思都用在了移动端网站上,使用各大联盟 ...

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

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

最新文章

热门文章