先看下下面的效果图,就是用手机微信或手机浏览器打开商城的时候自动弹出关注微信框

 

大商创(其他网站也可以)手机端添加打开自动弹出关注二维码制作方法(附源码) 第1张

 

放一个默认源码的图片,见下图;

 

大商创(其他网站也可以)手机端添加打开自动弹出关注二维码制作方法(附源码) 第2张

 

具体操作步骤; 1,将下载好的相应源码上传到手机端的文件夹里,比如大商创的手机端是/mobile 这里,然后解压,源码请点击下载:链接: https://pan.baidu.com/s/10bjA5wD-nMV1g9bM4c-dfA 提取码: s7z8  请看下图; 大商创(其他网站也可以)手机端添加打开自动弹出关注二维码制作方法(附源码) 第3张

 

然后在宝塔面板里点击-网站-点击网站域名-点击默认文件-将index.html移到最上面,这样就优先展示文件夹里的index.html文件了(联想:如果网站文件类型是html的,可以在最上面新建一个index1.html文档,弹出框就做成index1.html,理论上是可以的,没测试)

 

大商创(其他网站也可以)手机端添加打开自动弹出关注二维码制作方法(附源码) 第4张

 

然后是修改相关代码即可,见下图;

 

大商创(其他网站也可以)手机端添加打开自动弹出关注二维码制作方法(附源码) 第5张

 

css这里基本就改下整体的高度,其他基本不动,见下图;

 

大商创(其他网站也可以)手机端添加打开自动弹出关注二维码制作方法(附源码) 第6张

 

PC端和这里原理是一样的,按这个操作即可

 

修改后的源码下载地址:链接: https://pan.baidu.com/s/1VGT5ipRCdSHh_UW9yAbqlw 提取码: staz

 

 

文章发布:2018-11-15

本文链接: https://www.wuyongtao.com/wendang/2904.html