响应式 网站前端嵌入二维码代码

原创 2016年08月29日 11:20:46

响应式网站页面可以自适应pc和手机屏幕,使用同一个网页,同一个网址URL,如果在网站上插入一个网址二维码,方便扫码后在手机上浏览移动版。

纯前端调用的具体方法:

只要在页面上插入如下代码即可,注意里面的配置,如果需要有logo,就必须配置“二维码中间的本地图片路径“,图片必须是网站域名下的,不可以跨域。

   <div id="showqr" style="z-index:99999;top:0px;text-align: center;"><img  id="logoimg" src="" style="display:none"/></div>

<script language="javascript"> 
var myqrsize='300';//二维码的大小:100-600
var LiftOrRight='right';//二维码位于左上角或者右上角,right表示右上角,空,表示左上角

var myqrtop='10';//二维码距离顶部的高度百分比
var myqrlogimgsrc='';//二维码中间的本地图片路径,这里必须有
var defautQrimgsize='1';//展示大二维码图=1,小图=0
document.write("<script id='qrfromaazjcn' src='http://images.aazj.cn/js/qrload.js'><\/script>"); 
</script> 



扫描二维码在移动设备上浏览响应式页面

最近想尝试对一个Ghost博客主题进行移植,因为对一个后端程序员来说,进行前端方面的工作实在是个不小的挑战,而我对CSS更是有种与生俱来的恐惧感,所以我是非常喜欢Bootstrap和Materiliz...

使用CSS3实现响应式标题全屏居中和网站前端性能

要实现标题全屏居中(同时在垂直和水平方向居中),有若干种方法,包括使用弹性布局、表格单元、绝对定位和自动外边距等。全屏居中其中目前比较流行也比较容易理解的方法是使用绝对定位+偏移实现。也就是分两步来把...
  • iefreer
  • iefreer
  • 2016年03月26日 22:17
  • 2257

Bootstrap 前端框架制作响应式网站

放假突然兴起,想学点前端框架,制作一个页面玩玩(PS:一直做后端,怕忘了前端的知识,所以补一补)。说做就做,花了一天的时间做了个响应式小网页,可以兼容浏览器,也可以放在移动设备上使用。废话不多说,上成...

前端菜鸟------自适应网站与响应式网站傻傻分不清

自适应网站是通过宽度来调整网页内容的大小,来达到不同大小的设备所看到的网站内容及布局都是一样的,形象的说就像是同一张照片,其大小按照不同比例缩放来展示。 响应式网站概念应该覆盖了自适应,而且涵盖的内...

java自适应响应式 企业网站源码 SSM 生成静态化 手机 平板 PC

java 企业网站源码 前后台都有 静态模版引擎, 代码生成器大大提高开发效率 点击:获取地址  系统介绍: 1.网站后台采用主流的 SSM 框架 jsp JSTL,网站后台采用free...

响应式网站前后台源码

  • 2017年03月21日 09:22
  • 9.23MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:响应式 网站前端嵌入二维码代码
举报原因:
原因补充:

(最多只允许输入30个字)