磁云互联
标题:
左下角手机窗口 二维码引导广告
[打印本页]
作者:
磁铁网络
时间:
2021-9-17 11:42
标题:
左下角手机窗口 二维码引导广告
左下角手机窗口 二维码引导广告
支持关闭按钮,支持二维码自动生成
第一步:下载素材包,解压后上传至网站根本目录
(, 下载次数: 2)
上传
点击文件名下载附件
第二步,我们进入网站后台 - 模板编辑 修改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
期待中......
作者:
heal5256
时间:
2021-12-4 21:08
看帖子的要发表下看法
作者:
zzz222
时间:
2021-12-5 10:53
不错!顶LZ
作者:
傲雪风
时间:
2021-12-6 00:38
必须支持。。。。。。。
作者:
快乐人
时间:
2021-12-6 11:23
期待中......
作者:
ejinjing
时间:
2021-12-6 22:09
前来围观,LZ好样的!
作者:
yujuan
时间:
2021-12-7 11:08
我表示压力很大
作者:
snk1012
时间:
2021-12-8 00:08
抢楼了,前排第一次啊
作者:
wangyan2020
时间:
2021-12-8 03:36
支持,赞
作者:
torry
时间:
2021-12-8 07:04
这个不错,谢谢共享
作者:
tgboler
时间:
2021-12-8 15:09
支持你们一下下哈
作者:
寶馬王子
时间:
2021-12-8 23:15
不错哦 喜欢 嘿嘿
欢迎光临 磁云互联 (https://xoooi.com/)
Powered by Discuz! X3.4