注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

jQuery输入域名网址生成二维码代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-08-02
jQuery输入域名网址生成二维码代码
jQuery输入域名网址生成二维码代码是一款实用的域名文字内容生成二维码图片的网页特效。


js代码

<script src="js/modernizr-2.8.3.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>    
<script type="text/javascript" src="js/qrcode.min.js"></script>
<script type="text/javascript">
	//二维码内容
	var txtContent = document.getElementById("txtContent"), tips = $("#tips");

	// 设置 qrcode 参数
	var qrcode = new QRCode('qrcode', {
		text: 'www.sucaihuo.com',
		width: 256,
		height: 256,
		colorDark: '#000000',
		colorLight: '#ffffff',
		correctLevel: QRCode.CorrectLevel.H
	});

	//生成二维码图像
	function f_onCreateQrcode() {
		if (!txtContent) {
			return false;
		} else {
			if (!txtContent.value) {
				 tips.html("!请填写<strong>二维码内容</strong>再提交生成");
			} else {
				// 使用 API
				qrcode.clear();
				tips.empty();
				qrcode.makeCode(txtContent.value);
			}
			return false;
		}
	}

	//清除二维码内容
	function f_onClearQrcode() {
		if (txtContent) {
			txtContent.value = "www.sucaihuo.com";
			// 使用 API
			qrcode.clear();
			qrcode.makeCode('请输入二维码内容再生成图像');
		}
	}
</script>