基本信息
源码名称：在线 二维码生成 实例源码
源码大小：0.28M
文件格式：.zip
开发语言：CSS
更新时间：2014-07-19
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 5 元×
微信扫码支付：5 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线二维码图片生成器_二维码扫描软件下载_NTCFU二维码</title>
<meta name="description" content="在线二维码生成器提供免费的在线二维码生成服务，可以把电子名片、文本、wifi网络、电子邮件、短信、电话号码、网址等信息生成对应的二维码图片。二维码手机扫描软件下载。" />
<meta name="keywords" content="二维码,二维码生成器,二维码图片,二维码是什么,手机二维码,二维码生成,二维码扫描软件,二维码识别软件,手机二维码识别软件,二维码解码器,二维码软件,手机二维码软件,二维码开放平台,二维码接口,二维码API" />
<link href="css/2013/base.css" type="text/css" rel="stylesheet"/>
<link href="css/2013/index.css" type="text/css" rel="stylesheet"/>
<link href="css/2013/vector.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="js/2013/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://l.tbcdn.cn/apps/top/x/sdk.js?appkey=21494544"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/iColorPicker.js"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/public.js"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/index.js"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/basefn.js"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/qrcode.js"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/canvas.js"></script>
<script type="text/javascript">var _speedMark = new Date();</script>
</head>
<body>
<div class="top">
<div class="header">
<div class="logo">
<a href="/"><img src="http://www.ntcfu.net/template/ntcfu_style/img/logo.png" alt="NTCFU二维码" width="100" height="38" /></a>
</div>
<div class="nav" id="nav">
<a href="http://2wm.ntcfu.net" class="frist"><span>二维码生成</span></a>
<a href='http://2wm.ntcfu.net/down.html'>客户端下载</a>
<div class="subnav">
<a href="http://2wm.ntcfu.net">二维码生成</a>
<a href="http://2wm.ntcfu.net/shiliang.html">矢量二维码</a>
</div>
</div>
<div class="navcontact">NTCFU交流QQ群：<span>173815843</span></div>
</div>
</div>
<script type="text/javascript" src="http://www.liantu.com/js/2013/subnav.js"></script>
<!--<div class="adrift">
<a href="/xiazai/" rel="nofollow" target="_blank">NTCFU二维码客户端<img src="http://www.liantu.com/images/2013/app.png" width="90" height="90"/>点击或扫描下载</a>
</div>-->
<div class="main">
<div class="block">
<div class="left">
<div class="row">
<ul class="rowleft" id="fntab">
<li class="active" rel="text"><a href="javascript:" class="a1" title="文本"><span>文本</span></a></li>
<li rel="card"><a href="javascript:" class="a2" title="名片"><span>名片</span></a></li>
<li rel="url"><a href="javascript:" class="a3" title="网址"><span>网址</span></a></li>
<li rel="sms"><a href="javascript:" class="a4" title="短信"><span>短信</span></a></li>
<li rel="wifi"><a href="javascript:" class="a5" title="WiFi"><span>WiFi</span></a></li>
<li rel="telephone"><a href="javascript:" class="a6" title="电话"><span>电话</span></a></li>
<li rel="mail"><a href="javascript:" class="a7" title="邮箱"><span>邮箱</span></a></li>
</ul>
<div class="rowright">
<div class="fnbox" id="fnbox">
<!--文本-->
<div class="sub show">
<div class="tit"><span>即时输入即时生成!</span>输入文字</div>
<textarea class="text" id="text_text" autocomplete="off">支持文本、网址和电子邮箱</textarea>
<div class="size">已输入字数：<span id="text_size">0</span>/300</div>
<div class="merchant"><img src="/images/2013/merchant.jpg" alt="独一无二的二维码生成器网站" width="392" height="100"/></div>
</div>
<!--名片-->
<div class="sub">
<div class="tit"><span>即时输入即时生成!</span>输入联系人信息</div>
<ul class="card">
<li>
<label>姓名</label>
<input type="text" id="card_n" class="dinput" maxlength="50"/>
</li>
<li>
<label>电话</label>
<input type="text" id="card_tel" class="dinput short" maxlength="30"/>
<select class="type">
<option value="0">手机</option>
<option value="1">电话</option>
</select>
<div class="addelem"><a href="javascript:" id="addelem"> 添加电话号码</a></div>
</li>
<li class="litel" id="litel">
<label>电话</label>
<input type="text" id="card_phone" class="dinput short" maxlength="30"/>
<select class="type">
<option value="0">手机</option>
<option value="1">电话</option>
</select>
<a href="javascript:" class="close" id="hidetel"><img src="http://www.liantu.com/images/2013/close.gif"/></a>
</li>
<li>
<label>QQ</label>
<input type="text" id="car_note" class="dinput" maxlength="30"/>
</li>
<li>
<label>电子邮箱</label>
<input type="text" id="card_mail" class="dinput" maxlength="80"/>
</li>
<li>
<label>单位</label>
<input type="text" id="card_org" class="dinput" maxlength="100"/>
</li>
<li>
<label>职位</label>
<input type="text" id="card_til" class="dinput" maxlength="30"/>
</li>
<li>
<label>网址</label>
<input type="text" value="http://" id="card_url" class="dinput" maxlength="255"/>
</li>
<li>
<label>地址</label>
<input type="text" id="card_adr" class="dinput" maxlength="255"/>
</li>
</ul>
</div>
<!--网址-->
<div class="sub">
<div class="tit"><span>即时输入即时生成!</span>输入URL网址</div>
<div class="urltype">
<p><span>专用链接</span><input type="checkbox" id="urloptions"/></p>
<ul id="urlset">
<!--<li class="weixin"><input type="radio" name="url" rel="weixin" id="wpublic"/>公共<span><input type="radio" name="url" rel="weixin" id="wpersonal"/>个人</span></li>-->
<li class="sina"><input type="radio" name="url" rel="sina1" id="spersonal"/>个人<span><input type="radio" name="url" rel="sina2" id="sofficial"/>官微</span></li>
<li class="taobao"><input type="radio" name="url" rel="item" id="titem"/>商品<span><input type="radio" name="url" rel="shop" id="tshop"/>店铺</span></li>
</ul>
</div>
<div class="urlbox">
<input type="text" class="url" id="url_url" value="http://" maxlength="255"/>
<div class="size" id="msg">输入网址</div>
</div>
</div>
<!--短信-->
<div class="sub">
<div class="tit"><span>即时输入即时生成!</span>输入短信内容</div>
<textarea class="sms_text" id="sms_sms"></textarea>
<div class="size">已输入数字：<span id="sms_len">0</span>/300</div>
<div class="sms">
<label>手机号码</label>
<input type="text" id="sms_tel" class="dinput" maxlength="30"/>
</div>
</div>
<!--WIFI-->
<div class="sub">
<div class="tit"><span>即时输入即时生成!</span>输入WiFi帐号信息</div>
<ul class="card">
<li>
<label>网络账号</label>
<input type="text" id="wifi_ssid" class="dinput" maxlength="30"/>
</li>
<li>
<label>密码</label>
<input type="text" id="wifi_p" class="dinput" maxlength="50"/>
</li>
<li>
<label>加密类型</label>
<select class="wifitype" id="wifi_t">
<option value="WPA">WPA/WPA2</option>
<option value="WEP">WEP</option>
<option value="nopass">无加密</option>
</select>
</li>
</ul>
</div>
<!--电话-->
<div class="sub">
<div class="tit"><span>即时输入即时生成!</span>输入电话号码</div>
<div class="ininput">
<label>手机号码</label>
<input type="text" id="telephone_tel" class="dinput" maxlength="30"/>
</div>
</div>
<!--邮箱-->
<div class="sub">
<div class="tit"><span>即时输入即时生成!</span>输入电邮地址</div>
<div class="ininput">
<label>电子邮箱</label>
<input type="text" id="mail_mail" class="dinput" maxlength="80"/>
</div>
</div>
</div>
<div class="prompt">建议内容不超过150个汉字，如果二维码不显示请清除设置。</div>
</div>
</div>
</div>
<div class="right">
<div class="canvas-wrap">
<div class="canvas">
<canvas height="300" width="300" id="canvas">
<a id="pic" target="_blank" href="/" shorturl="/" rel="nofollow"><img id="qrcodeimg" src="/images/2013/ntcfu.png"/></a>
</canvas>
</div>
</div>
<div id="diy_div" class="diy_div">
<div class="diy_scroll">
<div id="diy_dot" class="diy_dot"></div>
</div>
<div class="diy_statue">
<a id="resetRound1" href="javascript:">液态</a>
<a id="resetRound" href="javascript:">直角</a>
<a id="resetRound2" href="javascript:">圆角</a>
</div>
</div>
<div class="fnrow">
<div class="tab" id="tabset">
<a href="javascript:" class="tabelem active">颜色设置</a>
<a href="javascript:" class="tabelem">嵌入Logo</a>
<a href="javascript:" class="tabelem">嵌入文字</a>
<a href="javascript:" class="tabelem">图案样式</a>
<a href="javascript:" class="tabelem">其它设置</a>
</div>
<div class="fnblock" id="fnblock">
<div class="fnsubv show">
<ul class="colors">
<li class="li1">
<label>前景色</label>
<div class="color">
<input id="fgcolor" name="mycolor" type="text" value="#000000" class="iColorPicker"/>
</div>
</li>
<li class="li2">
<label>渐变颜色</label>
<div class="color">
<input id="gccolor" name="mycolor" type="text" value="#000000" class="iColorPicker"/>
</div>
<a href="javascript:" class="close" id="resetGcColor"><img src="http://www.liantu.com/images/2013/close.gif"/></a>
</li>
<li class="li3">
<label>定位点(外框)</label>
<div class="color">
<input id="ptcolor" name="mycolor" type="text" value="#000000" class="iColorPicker"/>
</div>
<a href="javascript:" class="close" id="resetPtColor"><img src="http://www.liantu.com/images/2013/close.gif"/></a>
</li>
<li class="li4">
<label>背景色</label>
<div class="color">
<input id="bgcolor" name="mycolor" type="text" value="#ffffff" class="iColorPicker"/>
</div>
</li>
<li class="li5">
<label>渐变方式</label>
<select id="gradientWay">
<option value="0">无</option>
<option value="circular">圆形</option>
<option value="backslash" selected="selected">反斜线</option>
<option value="slash">斜线</option>
<option value="horizontal">水平</option>
<option value="vertical">垂直</option>
</select>
</li>
<li class="li6">
<label>定位点(内点)</label>
<div class="color">
<input id="inptcolor" name="mycolor" type="text" value="#000000" class="iColorPicker"/>
</div>
<a href="javascript:" class="close" id="resetInPtColor"><img src="http://www.liantu.com/images/2013/close.gif"/></a>
</li>
</ul>
</div>
<div class="fnsubv">
<div class="logotypes" id="logotypes">
<label>圆角<input type="radio" name="logotype" value="icon" /></label>
<label>白底<input type="radio" name="logotype" value="border" /></label>
<label>描边<input type="radio" name="logotype" value="stroke" /></label>
<label>原图<input type="radio" name="logotype" value="default" checked="checked"/></label>
</div>
<div class="pic">
<span class="picbtn">
<div class="addpic">
<form action="/upload.php" method="post" target="oniframe" id="logoform" enctype="multipart/form-data">
<input type="file" id="logoimg" class="addlogo" name="logo"/>
</form>
<iframe name="oniframe" class="iframe" id="iframe" height="0" width="0" frameborder="0"></iframe>
</div>
</span>
<div class="picelem" id="picelem"><span></span><a href="javascript:" class="del" title="删除" id="resetLogoimg"></a></div>
</div>
<div class="format" id="format">（支持jpg、gif、png、bmp格式图片，不超过20M）</div>
<div class="turn" id="turn"><span class="turn1" title="逆时针旋转"></span><span class="turn2" title="顺时针旋转"></span></div>
</div>
<div class="fnsubv">
<div class='content'>
<input class="ctext" id="ctext" type="text" value="输入文本"/>
<input class="cbutton" id="cbutton" type="button" value="确定"/>
<a href="javascript:" class="del" title="删除" id="resetContent"></a>
</div>
<ul class="fontset">
<li>
<label>效果</label>
<select id="fonteffect">
<option selected="selected" value="default">描边</option>
<option value="in">内融合</option>
<option value="out">外融合</option>
<option value="stretch">拉伸</option>
<option value="3d">3D效果</option>
<option value="light">发光</option>
</select>
</li>
<li>
<label>字号</label>
<select id="fontsize">
<option value="24">24</option>
<option value="26">26</option>
<option selected="selected" value="28">28</option>
<option value="30">30</option>
<option value="32">32</option>
<option value="34">34</option>
<option value="36">36</option>
<option value="38">38</option>
</select>
</li>
<li class="i3">
<label>文字颜色</label>
<div class="color">
<input id="ftcolor" name="mycolor" type="text" value="#000000" class="iColorPicker" style="background-color: rgb(0, 0, 0);">
</div>
<a href="javascript:" class="close" id="resetFtColor" style="display: none;"><img src="http://www.liantu.com/images/2013/close.gif"></a>
</li>
</ul>
</div>
<div class="fnsubv">
<div class="pin">
<div class="pin-trigger" id="pin-trigger">定位点样式</div>
</div>
</div>
<div class="fnsubv">
<ul class="baseset">
<li>
<label>外边距</label>
<select id="margin">
<option>0px</option>
<option>5px</option>
<option selected="selected">10px</option>
<option>15px</option>
<option>20px</option>
<option>25px</option>
<option>30px</option>
<option>35px</option>
<option>40px</option>
<option>45px</option>
<option>50px</option>
</select>
</li>
<li>
<label>纠错等级</label>
<select id="level">
<option value="L">最低</option>
<option value="M">低</option>
<option value="Q">中等</option>
<option value="H">高</option>
</select>
</li>
<li>
<label>旋转角度</label>
<select id="rotate">
<option value="0" selected="selected">0°</option>
<option value="1">90°</option>
<option value="2">180°</option>
<option value="3">270°</option>
</select>
</li>
<li>
<label>图片大小</label>
<select id="size">
<option value="200">200px</option>
<option value="300" selected="selected">300px</option>
<option value="500">500px</option>
<option value="600">600px</option>
<option value="800">800px</option>
<option value="1000">1000px</option>
<option value="1500">1500px</option>
<option value="2000">2000px</option>
</select>
</li>
</ul>
</div>
</div>
</div>
<div class="other">
<div class="save">
<form action="/save.php" method="post" target="_blank" id="form">
<input type="hidden" name="data" value="" id="pngdata"/>
<input type="hidden" name="format" value="base64"/>
<input type="hidden" name="filename" value="ntcfu.png"/>
<a href="javascript:void(0);" id="savepng">保存图片</a>
</form>
</div>
<div class="reset-all" id="resetAll"><a href="javascript:">清除设置</a></div>
<div class="copy" id="copy">
<a href="javascript:">复制图片链接</a>
</div>
</div>
</div>
</div>
<div class="picbox">
<div class="pictit"><span><a href="http://2wm.ntcfu.net/zhishi.html" target="_blank">二维码知识</a></span>网络原创创意二维码生成效果展示，从来高手都来自民间！</div>
<ul class="pics">
<li><img src="/images/2013/case/1.jpg" alt="原创二维码展示1" width="180" height="180"/></li>
<li><img src="/images/2013/case/2.jpg" alt="原创二维码展示2" width="180" height="180"/></li>
<li><img src="/images/2013/case/3.jpg" alt="个性二维码展示3" width="180" height="180"/></li>
<li><img src="/images/2013/case/4.jpg" alt="个性二维码展示4" width="180" height="180"/></li>
<li><img src="/images/2013/case/5.jpg" alt="个性二维码展示5" width="180" height="180"/></li>
</ul>
</div>
</div>
<div class="link">
<span>友情链接：</span>
<a href="http://www.ntcfu.net/" target="_blank">NTCFU</a>
<a href="http://2wm.ntcfu.net/" target="_blank">NTCFU二维码</a>
</div>
<script type="text/javascript">
<!--
defalutText($('#text_text'), '支持文本、网址和电子邮箱');
changeWifi();
tabfn($('#fntab li'), $('#fnbox .sub'));
fixtaba($('#fntab a'), $('#fntab li'));
tabfn($('#tabset .tabelem'), $('#fnblock .fnsubv'));
elemfocus($('#fnbox .dinput,#url_url,#text_text,#sms_sms'));
elemSwitch($('#addelem'), $('#litel'));
openmore($('#urloptions'), $('#urlset'));
addpic($('#logoimg'), $('#picelem'), $('#turn'), $('#format'));
hideelem($('#hidetel'), $('#litel'), $('#addelem'), function() {
$('#card_phone').val('');
});
urlselect();
$(document).ready(function() {
resetAll();
});
//-->
</script>
<div id="apiUrl" class="hide"></div>
<div id="apiText" class="hide"></div>
<div class="pin-panel" id="pin-panel">
<span></span>
<ul>
<li class="i1 active"></li><li class="i2"></li><li class="i3"></li><li class="i4"></li><li class="i5"></li><li class="i6"></li>
<li class="i7"></li><li class="i8"></li><li class="i9"></li><li class="i10"></li><li class="i11"></li><li class="i12"></li>
<li class="i13"></li><li class="i14"></li><li class="i15"></li><li class="i16"></li><li class="i17"></li><li class="i18"></li>
<li class="i19"></li><li class="i20"></li><li class="i21"></li><li class="i22"></li>
</ul>
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/html5.js"></script>
<script type="text/javascript" src="http://www.liantu.com/js/2013/ie.js"></script>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"这个网站可以做二维码名片，你也赶快去做一个吧！","bdMini":"2","bdMiniList":false,"bdPic":"http://mp.ntcfu.net/temp/test.png","bdStyle":"1","bdSize":"24"},"slide":{"type":"slide","bdImg":"0","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","weixin","bdxc","sqq","youdao","fx","mail","copy"],"viewText":"分享到：","viewSize":"32"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' ~(-new Date()/36e5)];</script>
<div class="footer">
<a href="http://www.miitbeian.gov.cn/" taget="_blank" rel="nofollow">赣ICP备13002288号</a><br/>
Copyright © 2014 ntcfu.net, All Rights Reserved stat
<script type="text/javascript" charset="UTF-8" src="http://s1.kutongji.com/stat.php?site=38"></script>
</div>
</body>
</html>