destoon5.0头部加入二维码扫描

sokucc

6.0的程序头部有一个二维码扫描的按钮
此功能比较实用，但6.0以下系统默认没有此功能，下面开始说下怎么让6.0以下的版本也实现这个功能

1、下载附件 (14.11 KB, 下载次数: 0) 解压至网站根目录api/目录下;
2、打开file/script/page.js文件，将以下代码插入，随便一个位置即可

1. function Dqrcode() {
   
2.         var url = $('meta[http-equiv=mobile-agent]').attr('content') ? $('meta[http-equiv=mobile-agent]').attr('content').substr(17) : window.location.href;
   
3.         if($('#destoon_qrcode').length > 0) {
   
4.                 if($('#destoon_qrcode').html().length < 10) {
   
5.                         $('#destoon_qrcode').css({'position':'fixed','z-index':'999','left':'50%','top':'0','margin-left':'-130px','width':'260px','background':'#FFFFFF','text-align':'center'});
   
6.                         $('#destoon_qrcode').html('<div style="text-align:right;color:#555555;font-size:16px;padding-right:6px;cursor:pointer;">x</div><img src="'+DTPath+'api/qrcode.png.php?auth='+encodeURIComponent(url)+'" width="140" height="140"/><div style="padding:10px 0;font-size:14px;font-weight:bold;color:#555555;">扫一扫，直接在手机上打开</div><div style="padding-bottom:20px;color:#999999;">推荐微信、QQ扫一扫等扫码工具</div>');
   
7.                         $('#destoon_qrcode').click(function(){$('#destoon_qrcode').fadeOut('fast');});
   
8.                 }
   
9.                 $('#destoon_qrcode').fadeIn('fast');
   
10.         }
    
11. }

复制代码

3、将以下代码插入到模板头部文件template\default\header.htm(你想显示的地方)，下面的代码是直接复制的6.0模板可以根据自己的喜好自行修改但要保留a标签，最根本的目的就是在鼠标点击的时候执行Dqrcode();这个函数

1. {if $head_mobile}<li class="h_qrcode"><a href="javascript:Dqrcode();">二维码</a> </li>{/if}

复制代码

4、再在头部模板文件template\default\header.htm中添加以下代码(位置可以放在<div class="m head_s" id="destoon_space"></div>这个代码后面)

1. {if $head_mobile}<div id="destoon_qrcode" style="display:none;"></div>{/if}

复制代码

5、如果使用的是系统默认的模板或没有修改系统头部模板的，需将在skin\default\style.css文件中，将.head 里面的{z-index:99999;}中的99999改成99即可(防止遮挡扫描不出信息);
这样就出现效果了，当然可能出现的效果是这样 而不是 没有左边的图标，可以自行添加新手这样弄(老手可无视)
1、将ico_qrcode.gif 文件上传至skin\default\image目录
2、打开skin\default\style.css文件，插入以下代码

1. .h_qrcode {background:url('image/ico_qrcode.gif') no-repeat 0 center;padding:0 6px 0 18px;}

复制代码

按照以上操作就完成