IT源码网

JS在线生成二维码讲解

qq123 2019年11月29日 Web前端 392 0

Js代码

百度云公开下载地址:http://pan.baidu.com/s/1nvjTXB7

Html+Php代码

<volist name="huodong_list" id="v"> 
            <script> 
            $(document).ready(function(){ 
             var qrcode = new QRCode(document.getElementById("qrcode_div{$v.id}"), { 
                width : 94,//设置宽高 
                height : 90 
            }); 
            qrcode.makeCode("http://www.baidu.com/{$v.id}"); 
            }) 
         
        </script> 
            <div class="item-box"> 
                <div class="thumbnail"> 
                   <div class="thumb"> <img src="{$v.img.l}" alt="{$v.name}" width="312px" height="210px"/></div> 
 
                    <div class="mask"> 
                        <div class="blur"></div> 
                        <div class="content"> 
                            <div><div class="bg_div" id="qrcode_div{$v.id}"></div></div> 
                            <p>微信扫描二维码,查看详情</p> 
                        </div> 
                    </div> 
                </div> 
                <div class="detail"> 
                    <h4 style="height:30px;">{$v.name}</h4> 
 
                    <p>{$v.title}</p> 
 
                    <div class="info"> 
                        <span class="price">¥{$v.money_price}</span> 
                        <span class="worth">¥{$v.original_price}</span> 
                        <span class="sell">{$v.joins}人已参加</span> 
                    </div> 
                </div> 
            </div> 
 </volist>

 

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

$.post 和 $.get 设置同步和异步请求讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。