码迷,mamicode.com
首页 > Web开发 > 详细

js在线生成二维码

时间:2019-10-22 23:49:49      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:height   top   absolute   pos   style   div   abs   class   meta   

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>预览</title>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.qrcode.min.js"></script> <style>
.topicsCode{
width: 255px;
height: 255px;
text-Align:center;
}
.topicsCode{
position: absolute;
top: 20%;
left: 39.5%;
}
#qrcode{
margin: 0;
padding: 0;
}
.prompt{
margin-top:5px;
font-size:15px;
}
</style>
</head>
<body>

<div class="topicsCode">
<div id="qrcode"></div>
<p class="prompt">请扫描二维码在手机端预览</p>
</div>
<script>
$(function(){
$(‘#qrcode‘).qrcode(‘http://www.baidu.com/‘);
})
</script>
</body>
</html>

js在线生成二维码

标签:height   top   absolute   pos   style   div   abs   class   meta   

原文地址:https://www.cnblogs.com/yufume/p/11723282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!