欢迎来到[自学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

徐根宝告诫基层教练要注意自己体态:不能胖 中国外交部:落实南海各方行为宣言会议3月举行 特朗普将在加州参加筹款活动 为竞选连任做准备 美国上周首次申领失业救济人数减少 假期波动较大 湖南湘阴男子杀4人后服毒畏罪自杀未成 已被控制 邹敬园:世锦赛盼男团和双杠夺冠 全能最难是单杠 商家卖猞猁开价13万元一只:高风险要有高回报 球迷爱他媒体不待见? 勇士大核自称一直带伤打 内蒙古:把涉黑涉恶腐败问题纳入巡视巡察内容 京媒嘉宾:国安赢球并非没瑕疵 韦世豪像当年1大将 你不了解的傲骨:当父亲改变许多 与蒂特同款手链 “不在服务区”成为历史 中国芯的卫星手机来了
韩国开始试点裁撤三八线上兵力 先撤前线哨所(图) 英媒:特朗普斥“白宫一片混乱”为假新闻 许晨妍完成最后一击 江苏女篮69-62击败上海 政协委员:吉林投资环境足可让在外企业家放心回来 日本加计学园被指是首相级别大项目 安倍否认 刘鹤:中美达成共识 不打贸易战 曝切尔西开1500万年薪续约天王!周薪超阿扎尔 扎克伯格年薪1美元 脸书要为其花1000万美元年安保费 王立平任吉林辽源市委书记(图/简历) 上海团58名人大代表有哪些新面孔?官员农民工都有 新浪旗下基金销售平台 代销基金已超两千只 美诊所再发冷藏设备故障:数千卵子 胚胎恐受损
女子连扇协警耳光未被制止 警方赞协警:忍辱负重 老人住院耽误5月旅程 被要求按黄金周条款扣费95% 苹果即将冲击1,000,000,000,000美元市值… 林建超:绝艺努力终获回报 望逼出AlphaGo战而胜之 多特新援:要用实力证明身价 以后我会值8400万 特朗普:电子游戏和电影使年轻人产生暴力情绪 橡胶 关注库存变化 最没悬念?共享殊荣? 赔率:登哥携手他力斩群雄 [新浪彩票]22日竞彩盘口剖析:桑德捷坐和望赢 开什么店比较有市场 女人开什么店比较好 怎么在家里挣钱 小投资冷门暴利行业 AG亚游集团