左下角手机窗口二维码引导广告

磁铁网络 · 发表于 2021-9-17 11:42:46

左下角手机窗口二维码引导广告
支持关闭按钮，支持二维码自动生成

第一步：下载素材包，解压后上传至网站根本目录

请点击此处下载

请先注册会员后在进行下载

已注册会员，请先登录后下载

文件名称:素材包.zip
下载次数:2 文件大小:54.48 KB 售价:1金币 [记录]
下载权限: 不限以上 [点击充值金币] [签到领取金币]

第二步，我们进入网站后台 - 模板编辑修改index.html( 首页文件）
在 </head> 上方加入以下代码

<link href="../../css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>

复制代码

第三步：在<body> 下方加入以下代码

<div id="mobileFrame" class="" style="position: absolute; z-index: 999; width: 245px; height: 416px; left: 0px; bottom: 20px; padding: 32px 8px; padding-left:9px; padding-right:6px; background-image: url("../../images/small_phone.png");">
<div id="hidemobile">×</div>
<div class="qrcode">
<div id="output">
</div>
<p>扫一扫看手机端演示</p>
</div>
</div>
<div id="showmobile" style="position: absolute; left: 0px; bottom: 400px; z-index: 999; width: 47px; height: 60px; cursor: pointer; display: none; background-image: url("../../images/phoneTip_right.png");">
</div>
<script>
jQuery(function(){
jQuery('#output').qrcode("http://www.xoooi.com/");
})
</script>
<script>
window.onload=function () {
var hidemobilebtn=document.getElementById("hidemobile");
var showmobilebtn=document.getElementById("showmobile");
var mobileframe=document.getElementById("mobileFrame");
if(!hidemobilebtn) return false;
if(!showmobilebtn) return false;
if(!mobileframe) return false;
hidemobilebtn.onclick=function(){
mobileframe.style.display="none";
showmobilebtn.style.display="block";
}
showmobilebtn.onclick=function(){
this.style.display="none";
mobileframe.style.display="";
}
}
document.getElementById("mobileFrame").getElementsByTagName("iframe")[0].onload=function(){this.style.width="301px";}
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#hidemobile").click(function(){
$("#mobileFrame").slideToggle();
});
});
</script>

复制代码

将上方 www.xoooi.com 改为你网站自己的域名
然后点击保存
OK 返回你的网站首页，刷新页面左下角的手机出现了

EFLwCYCj · 发表于 2021-10-26 16:25:50

期待中......

heal5256 · 发表于 2021-12-4 21:08:54

看帖子的要发表下看法

zzz222 · 发表于 2021-12-5 10:53:33

不错！顶LZ

傲雪风 · 发表于 2021-12-6 00:38:12

必须支持。。。。。。。

快乐人 · 发表于 2021-12-6 11:23:41

期待中......

ejinjing · 发表于 2021-12-6 22:09:10

前来围观，LZ好样的！

yujuan · 发表于 2021-12-7 11:08:45

我表示压力很大

snk1012 · 发表于 2021-12-8 00:08:20

抢楼了，前排第一次啊

wangyan2020 · 发表于 2021-12-8 03:36:32

支持，赞

在线访问手机版

客服电话

电子邮件

磁云互联

左下角手机窗口二维码引导广告

精彩评论12

网站收录提交大全,网站收录在此提交！

分享一份会员的游戏推广经历，如何做到月人

app分发网站系统网站源码

H5手游推广单页网站模板、html模板

4.0系统DIY广告设置教程

手游推广方法之（广告贴纸）、会有意想不

桃子手游推广单页，html网站模板

网站提示：index.html模版文件不存在

Discuz!最强微信登录插件，支持电脑和手机

服务系列

论坛中心

论坛应用

全国免费热线电话

18990551016

反馈建议

在线访问手机版

客服电话

电子邮件

磁云互联

左下角手机窗口 二维码引导广告

精彩评论12

服务系列

论坛中心

论坛应用

全国免费热线电话

18990551016

反馈建议

左下角手机窗口二维码引导广告