页面浮动当前Url二维码
来源:互联网 发布:网络爬虫工具排名 编辑:程序博客网 时间:2024/05/29 08:30
右下角浮动 二维码
//函数//config.width 二维宽度//config.height 二维高度//maxScreen 当屏幕宽度小于这个值时 不显示 二维码。function qrcodeFloat(config){ if(config==null){config={};} if(config.width==null){config.width=100;config.height=100;} if(config.height==null){config.height=100;} if(config.maxScreen==null){config.maxScreen=1000;} if(config.message==null){config.message="扫码手机访问";} //qrcode document.write('<script src="http://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js" ><\/script>'); document.write('<style type="text/css">#qrocdeContainer{position: fixed;z-index: 999;bottom: 0;left: 0;width: 100%;width:100%;}#qrcodeMessage{background:#fff;width:'+config.width+'px;padding:8px;text-align:center;float:right;}@media screen and (max-width: '+config.maxScreen+'px) {#qrocdeContainer{display:none;}}</style>') document.write('<div id="qrocdeContainer"><div id="qrcodeMessage"><div id="qrcode"></div><div>'+config.message+'</div></div></div>') $(function(){var content=document.location.href; jQuery('#qrcode').qrcode({width:config.width,height:config.height,correctLevel:0,text:content});});}//调用方法:qrcodeFloat({width:120,height:120});
效果图:
0 0
- 页面浮动当前Url二维码
- 获取当前页面URL
- 获取当前页面 URL
- 获取当前页面的Url
- JS: 获取当前页面URL
- PHP获取当前页面url
- c#获取当前页面URl
- js取得当前页面url
- asp获取当前页面url
- JS: 获取当前页面URL
- 返回当前页面得url
- JS获取当前页面页面URL信息
- 根据二维码url生成二维码显示到页面
- 取得当前页面的URL值
- 获取当前页面URL的ASP函数
- 获取当前提交页面的url路径
- 从Url中获取当前页面文件名称
- c#怎么获取当前页面的url
- 利用ocLazyLoad加载controller的方法和问题
- POSIX和System V的比较/IPC函数汇总
- Docker入门系列5:常见问题小结
- 关于作用域和闭包——源自《你所不知道的JavaScript》
- Java 数字签名算法RSA 的使用教程
- 页面浮动当前Url二维码
- GYM 100488 J.Hyperdromes Strike Back(构造)
- Docker入门系列6 如何打开多个终端进入Docker容器
- java jdk环境变量的配置
- http 请求中文乱码
- Docker入门系列7 动态映射端口port mapping
- 求素数的几种算法
- Java 线程同步,消息队列,数据库
- Tomcat中Digester解析server.xml文件