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

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

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

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

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

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

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

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

逻辑图如下:

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

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

随机结果选择AG亚游集团微信公众号中已写好的文章

 

主界面的实现简单代码如下(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

[新浪彩票]17日竞彩盘口剖析:狼堡主场恐难胜 男子抢劫女邻居后杀人焚尸 事后搜“尸体易燃吗” 长江经济带上 穷亲戚和富邻居该怎么做朋友? 韩媒:中国军机进入韩“防空识别区” 韩出动战机 日球迷吐槽一方:卡拉斯科完蛋了 一方上港没法比 清华大学向教育机构索赔300万:擅用“清华”字样 表兄弟20元合买揽双色球2千万:奖号守了10年! 世联美国女排3-1波兰开门红 土耳其零封意大利 黑石清仓希尔顿 11年获利140亿美元 马德里赛蒂姆逆转丘里奇 携兹维列夫晋级八强 驻澳门部队举行招待会庆祝建军91周年 崔世安祝贺 牛弹琴:形势又突然变化 特朗普被法国人打了脸
菲马荣火山喷发发生9次微震 当地进入灾难状态 美联储褐皮书:经济在以缓和至温和的速度扩张 总理报告里的好消息 2018年你家乡将迎来这些变化 两高报告总结过去五年工作 让人触摸到真切安全感 开局拿三大MVP玩到重建? 这杯具99%要成真了 三分之二受访者表示 网约车须安装录像(音)设备 揭秘自媒体伪原创产业:5元雇人洗稿号称一键生成 华大基因:对湖南缺陷男婴不存在“赔偿” 小伙在建筑工地上收到北大录取通知书:正在拌砂浆 揪心!奥多姆纽约遭遇枪击 吃着饭对骂就拔枪 沙特撤换军事将领 首次委任女性出任政府副部长 美国通过“台旅法”遭台学者怒批:台湾等着挨打吧
全球能源总体向好 挑战犹存 尤纳斯:哈德森34岁也没喊累 广东需要这种精神 上海6个月男婴遭两次遗弃续:父亲涉遗弃罪被刑拘 凯迪拉克越野车失控与对侧货车相撞 造成2死6伤 中国成功发射高分11号卫星 一个月内4次发射火箭(图) 夫妇宠物狗被轧死要司机偿命 推搡民警双双被拘 “兰博”系列电影将重启!史泰龙缺席... 美国第四季度GDP增长下修至2.5% 符合预期 美国“人造肉”或将于年底走上餐桌 包括鸡块香肠 我出钱谁愿意为我卖命 适合女人做的生意 2016做什么生意有前景 微信赚钱的三大方法 AG亚游集团