怎样利用jquery给dedecms添加二维码

  • dedecms任意版本

  •  jquery任意版本

  •  jquery-qrcode

方法/步骤

  1. 1

    下载jquery(这个到处有不说了)

    下载jquery-qrcode

    打开后点击右侧的 Download zip 如图

     

    怎样利用jquery给dedecms添加二维码

  2. 2

     将下载来的压缩包解压

    复制src文件夹里的两个js文件到dedecms模板目录

    jquery.qrcode.js  二维码渲染文件

    qrcode.js  二维码数据计算的核心类

    怎样利用jquery给dedecms添加二维码

  3. 3

     在模板调用jquery及qrcode的两个文件

     如图

    然后再要显示二维码的地方插入

    <div id="qrcode"></div>

    怎样利用jquery给dedecms添加二维码

  4. 4

    做完上面的就可以在文章页显示二维码了 频道列表只是调用代码不同大家可以自己参考dedecms的说明文档

    怎样利用jquery给dedecms添加二维码

  5. 5

    默认是显示黑色的二维码,现在都讲究统一色调那么我们也给这个改下颜色吧

    打开jquery.qrcode.js

    第16行背景颜色,第17行二维码颜色改成你需要的就行了

    如图

    怎样利用jquery给dedecms添加二维码

    END

注意事项

  • 注意第3步为了调用到完整的url地址需要在dede后台开启绝对地址,或者自己手动补全。

  • 如果不需要改色可以不调用jquery.qrcode.js

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值