欢迎来到[自学php网] ①群 AG亚游集团

AG亚游集团 > 网站后台 > 微信开发 >

微信日志现实摇一摇抽签 - 微信公众平台开发:

来源:自学PHP网 ?? 时间:2015-04-14 12:58?作者:

[导读] 这一节我们简单介绍一下在微信日志中实现摇一摇抽签功能的实现。摇一摇抽签的实现主要是借助JS进行页面跳转实现的。抽签的签文可以在自己的微信公众号中事先写好,然后将URL记录...

这一节我们简单介绍一下在微信日志中实现摇一摇抽签功能的实现。

摇一摇抽签的实现主要是借助JS进行页面跳转实现的。

抽签的签文可以在自己的微信公众号中事先写好,然后将URL记录下来,在JS跳转中导入便可以实现。

逻辑图如下:

点击链接跳转到主界面(index.html

摇一摇手机(点击手机)跳转到抽签JS(index.js)

随机结果选择微信公众号中已写好的文章

 

主界面的实现简单代码如下(index.html):

  
  <div class="do">摇一摇手机</div>
    <div class="cover result">
        <div class="item">
            <div class="sprite a1"></div>
        </div>
    </div>
    <div class="cover decode">
        <div class="inner"></div>
    </div>
    <script src="zepto.min.js"></script>
    <script src="index.js"></script>
index.js便是实现跳转的文件。
JS代码的实现简单如下:
jumpToDecode = function(){
    var urls = [
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "h/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd",
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd",  
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd", 
    "/mpaff4weixinaff4qqaff4com/s?__biz=MzAxMjI5MDA2NQ==&mid=210931297&idx=1&sn=5db97d77031ac4d34512d6dc9c0f019d#rd"
    ];
    var jumpTo = urls[parseInt(Math.random() * urls.length)];
    window.location = jumpTo;
}

摇一摇手机的实现如下:

$('.do').click(start);

/摇一摇
$(window).on('deviceorientation', function(e) {
	if (isStarted) {
		return true;
	}
	if (!lastAcc) {
		lastAcc = e;
		return true;
	}
	var speed = e.alpha + e.beta + e.gamma - lastAcc.alpha - lastAcc.beta - lastAcc.gamma;
	if (Math.abs(speed) > 50) {
		start();
	}
	lastAcc = e;
});

 通过以上代码就可以实现摇一摇抽签功能的实现

 

 以上只是实现了微信抽签的功能。

在微信日志中如何实现呢,我们采用用户发送“抽签”,我们返回抽签链接的方式实现这个功能。

这个实现方法在第一篇文章中已经介绍过,在次我们就不再多做介绍。

 

 

最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有AG亚游集团

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

俄外长:新世界体系始于中印等新兴经济中心 俄军来华参加军事比赛 使用中国装备与解放军竞技 菲军方:极端分子死灰复燃 准备在菲发动新攻势 沃尔夫:雷诺将会是2018赛季进步最大的车队 路透:华平投资拟参与蚂蚁金服至少80亿美元融资 5场7球!女足前锋夺亚洲杯金靴 两年前只是边缘人 空姐乘滴滴遇害案嫌犯跳河 救援人员:溺亡几率大 印度安德拉邦船只发生倾覆 23人失踪 呼和浩特发生重大刑事案件 警方:嫌疑人已抓获 警惕互联网上的消费陷阱 鸡蛋静待春节备货行情启动 粤媒:超级杯难阻恒大被看衰 华夏未来有机会称霸
韩总统特使团结束访朝回国 韩方确认达成一定协议 美国财政部帮高通说话 博通交易或威胁美国国家安全 台军下令严禁“轻佻招募” 台媒:已到竭泽而渔窘境 中国移动:2018年提高派息率 将从中国铁塔上市受益 北京东西城平房鼓励上交 将分配共产房或公租房 搭上跨境电商“快车” 全球航空货运市场回暖 日本男子街头裸奔被捕 自称“天气太热了” 直立行走对人类究竟有何意义?犹太人:象征着更高等 8岁小学生给交通局长写信提建议 局长回信致谢 两会上追到的8位明星 他被誉为中国“量子之父” 政协委员:尽快提高猥亵儿童罪量刑 加大保护力度 折服!对手主帅狂赞永昌队长:他就像梅西来中国踢
曼联绝杀曼城职员竟开怀大笑!这是丢工作节奏? 纳达尔NO.1周数进历史前五 还落后小德53周 法官曝滴滴车主犯罪情况:衍生刑案量远超公众所知 中美追风区块链热潮:全球半数专利申请来自中国 死无葬身处?悉尼规定墓地只有25年使用期限 年轻人不愿从事建筑业,美国住房市场有麻烦 韩呈恺/周昊东:表现打70分 下场拼世界第1很兴奋 比GDP算什么 一看人均收入这些省份就尴尬了 人大代表李清泉建议:粤港澳合建“湾区联合大学” 女生最值得学的手艺 做什么生意本小利大 广东水库抓到一只女鬼 微信赚钱的三大方法 AG亚游集团