零基础学做网站培训介绍

当前位置:

手机做网站同步(PC网页同步生成手机网页二维码)

现在大多PC网站都有与其同步的手机网站,为了浏览方便,可以在PC端网页上自动生成手机网页二维码,这样用户只要用手机扫二维码就可以在查看对应的手机网页了。

下面介绍一下手机做网站同步方法,实现PC网页同步生成手机网页二维码。

方法/步骤

  1. 下载网页二维码图片生成插件:QRCode.js。QRCode.js 是一个用于生成二维码图片的插件。下载链接: https://pan.baidu.com/s/1Uyv1Wgq9G_JLThPhaQpbNA 提取码: spvt;
  2. 将下载下来的qrcode.js传到自己网站空间的根目录下;并使用以下的代码引入到自己的网页</head>标签上面(注意:需要先引入jquery);
    
    
    <script type="text/javascript" src="网站域名/qrcode.js"></script>
  3. 在需要显示网页对应手机网页二维码的位置,放在以下的DIV;
    
    
    <div id="qrcode"></div>
  4. 在网页的特别底部</body>标签上面放上以下的JS代码,用于自动生成对应的手机网页二维码;
    
    
    <script type="text/javascript">
    // 设置参数方式
    var qrcode = new QRCode('qrcode', {
    text: window.location.href,
    width: 100,
    height: 100,
    colorDark : '#000000',
    colorLight : '#ffffff',
    correctLevel : QRCode.CorrectLevel.H
    });
    </script>

    可以在代码里设置二唯码图片的大小尺寸,以及二唯码图片的颜色。

  5. 这样就完成了手机做网站同步,每当网站发布了一片文章后,就会自动生成一个对应的手机网页二唯码。

以下是PC网页同步生成手机网页二维码的实例代码:


<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<div><span class="shoujiliulan">[手机学习]<span id="qrcode"></span></div>
<script type="text/javascript">
$(".shoujiliulan").click(
function(){
$("#qrcode").slideToggle();
});

var qrcode = new QRCode('qrcode', {
text: window.location.href,
width: 120,
height: 120,
colorDark : '#000000',
colorLight : '#ffffff',
correctLevel : QRCode.CorrectLevel.H
});
</script>

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 什么是自适应手机网站 视频教程 (194591 次浏览)
    以下为学做网站论坛关于“什么是自适应手机网站”讲解视频教程。
  • 老师你好,我前几天一直在学习手机站课程,对于课程中的案例网站特别喜欢,自己就跟着课程一步步做了一遍。也做了课程笔记,感觉学到了很多知识。
  • 各类微博的流量很大,如果自己网站内容能够同步更新到自己的微博上,可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • 自己做网站时发布的文章,希望越多人看越好.怎么才能找到人流量大的地方呢,之前我们讲了如何自己网站的文章同步到新浪微博,今天我们来讲一下如何将自
  • 高仿phpcms门户网站主题 图文教程 (18343 次浏览)
    这款wordpress cms主题是高仿phpcms,信任很多人都用过phpcms,如今运用wordpress也能够完成这样的作用。本站发布过很多高仿wordpress主题,例如高仿b
  • 随着智能手机的普遍使用,移动互联网用户的数量随之猛增。当我们关注PC电脑网站制作的时候,一定不要忘了制作一个手机网站。这样我们的网站用户就可以
  • 网页如何添加背景音乐 视频教程附件下载 (1110589 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 现在很多网站,都有这样的设置,将网站的客服QQ发布在互联网上;点击 ,任意人都可以与她聊天;寻找商机,广交朋友,这是如何做到的呢?我们如何也在自己
  • 我们在用WORDPRESS建网站时,通过后台上传图片,上传一张图片会自动生成三张尺寸的图片,分别是在图片名称的后面加上了-150X150等等诸如此类 的3种图
  • 微信的影响力越来越大,大有取代QQ之势。在自己做网站上,为了更方便用户进行交流,可以将自己的微信生成一个二维码,然后挂在自己的网站上,别人只要
  • 智能手机的普及带动了二维码的普及,通过二维码扫描可以轻松看到它深层次的信息。如何将自己的微信创建二维码,让别人扫一下就可以加我们的微信,或者