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

星阵授先第28局棋谱分析 李映九大龙玉碎 恒大“新援”已与球队合练? 激活他是卡帅任务? 欧委会:主席容克不会带任何贸易提议去与特朗普会晤 如何评价林虎将军?这段七百字回答获无数网友点赞 “伊利董事长被调查”谣言案:6名嫌疑人被控制 电信联合11家厂商推17款AI手机 美退役军官:中国大陆最迟或在2030年“武统台湾” 外媒:改革开放40年 曾看衰中国的专家们都被打脸 FB泄露影响31万澳洲人 但实际只有53人用了测试Ap… 澳科学家将于今日“辅助自杀”:望影响家乡的立法 日东京按摩店中国籍老板被捕 涉嫌违规提供性服务 女子患肺病坐飞机从美国回国 右肺被压缩50%(图)
亚洲杯樊振东四进决赛求首冠 此前三次内战全输 19岁女孩惨死车库 家人保护现场20年刻这8字(图) 北京降雨特大警报?气象台紧急辟谣 海航员工涉嫌强奸罪被批捕:翻酒店18楼阳台到隔壁 29+8!无敌火箭最怕这一型 哼哈二将真防不住他 美国海军提名戴维森为新任太平洋司令 接替哈里斯 直击|阿里新员工入职玩破冰? 官方辟谣:非阿里员工 广深港高铁香港段拟9月通车 西九龙站已准备就绪 月入2083元算中等收入?中青报:希望是兜底线 京媒:最大对手并非辽宁而是伤病 外线决定走势 我外交部怼联合国高级专员 这国网友齐呼:感谢中国 半月谈:想不在城里看海 差不多主义风险评估得改
印媒:中印竞争非洲 中国已建多个项目印度啥也没有 比利时一城市强制露宿街头者避寒:不去庇护所拘留 进球GIF-杜震宇圆月弯刀破门 亚泰1-2追回一球 彩民擒足彩270万遮面兑:1个月前曾中356万-图 女排亚运:1982郎平率中国首登顶 广州逆转最难忘 巴萨9万球迷挽留传奇队长:我们爱你 别去中超 2打3战斗到最后 海马风雨同盟队展现体育精神! 男医生躲医院女厕偷拍 被行政拘留七日 当人工智能只需要看着眼睛就能了解你的个性 养牛挣钱为什么没人养 不怕死想发财的兄弟进 品牌设计公司排行榜 服装批发5元到15元 AG亚游集团