海洋CMS

 找回密码
 注册加入

海洋cms最新动态 关注跟踪研发进展,共创和谐未来 开源透明 完全免费 - 极致专注 精益求精

海洋CMS 6.x 正式版下载 永久免费并开源的影视建站程序 使用教程 - 模板标签 - 模板 - 播放器

火车头采集发布视频文章 - - 定时自动采集教程 迅雷下载展示插件及教程 - - 定时自动生成使用说明 原MaxCms模板转换教程 - - 原MaxCms数据转换工具

查看: 796|回复: 6

内容页面增加二维码方便手机浏览[MrSun]

[复制链接]

4

主题

33

帖子

4210

积分

论坛元老

Rank: 8Rank: 8

金币
3309
发表于 2016-9-19 17:38:18 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册加入

x
本帖最后由 sunwenwen20 于 2016-9-19 17:39 编辑

前言

现在二维码越来越来流行,动不动就会扫个码,网站的二维码也早已流传,在这里分享一个自用的二维码插件

本插件是自用,来自网络不喜勿喷,已经有解决方案的可以绕道了

功能

通过扫码实现手机浏览页,方便用户使用手机观看

截图

2016-09-19_172256.png

2016-09-19_173038.png

使用说明

在需要增加二维码的页面引用JS文件
  1. <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
  2. <script type="text/javascript" src="js/jquery.qrcode.js"></script>
  3. <script type="text/javascript" src="js/qrcode.js"></script>
复制代码

在需要增加二维码的位置添加如下代码
  1. <div id="qrcodeCanvas" style=""></div>
  2. <script>
  3.             $('#qrcodeCanvas').qrcode({
  4.                 text: window.location.href,//二维码代表的字符串(本页面的URL)
  5.                 width: 167,//二维码宽度
  6.                 height: 167//二维码高度
  7.             });
  8.         </script>
复制代码

插件下载

案例.rar (39.14 KB, 下载次数: 78, 售价: 1 金币)

评分

参与人数 1金币 +80 收起 理由
admin + 80 感谢贡献

查看全部评分

4

主题

33

帖子

4210

积分

论坛元老

Rank: 8Rank: 8

金币
3309
 楼主| 发表于 2016-9-19 17:40:11 | 显示全部楼层
沙发               
回复

使用道具 举报

0

主题

5

帖子

762

积分

高级会员

Rank: 4

金币
447
发表于 2016-10-9 10:09:10 | 显示全部楼层
不错,我以前都是 生成一个网站二维码图片来显示的
回复

使用道具 举报

头像被屏蔽

20

主题

49

帖子

851

积分

禁止发言

金币
72
发表于 2016-10-9 22:36:41 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

5

主题

28

帖子

740

积分

高级会员

Rank: 4

金币
410
发表于 2017-2-13 20:15:38 | 显示全部楼层
非常不错~~~~~~~~
回复

使用道具 举报

5

主题

28

帖子

740

积分

高级会员

Rank: 4

金币
410
发表于 2017-2-13 20:16:44 | 显示全部楼层
感谢分享!!!!!!!!!!!!!
回复

使用道具 举报

0

主题

18

帖子

200

积分

中级会员

Rank: 3Rank: 3

金币
62
发表于 2018-6-4 21:04:16 | 显示全部楼层
感谢分享!!!!!!!!!!!!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册加入

本版积分规则

小黑屋|海洋CMS

GMT+8, 2018-9-21 16:51 , Processed in 0.058001 second(s), 26 queries .

Powered by SeaCMS .Net

© 2018 All Rights Reserved

快速回复 返回顶部 返回列表