手机摇一摇代码

最新推荐文章于 2021-05-26 16:52:30 发布
最新推荐文章于 2021-05-26 16:52:30 发布
阅读量100 收藏
点赞数
文章标签： json javascript ViewUI

 

http://tgwu.net/ldj/?from=singlemessage&isappinstalled=0

// JavaScript Document

$(function(){
    w = $(document).width();    
    h = $(document).height();
    $('body').height(h);
    $('body').width(w);
    $('.main').height(h);
    $('.main').width(w);
                
});
//初始化js


$(function() {            
        //Enable swiping...
        $("#tit1").swipe( {
            //Generic swipe handler for all directions
            swipeUp:function(event, direction, distance, duration, fingerCount) {
                        $('.tit1').fadeOut('slow');        //隐藏第2页
                        $('.tit2').css('top',h+'px');    
                        $('.tit2').css('display','block');
                        $('.tit2').animate({top:'0'},800);
                        $('.tit1').css('z-index','99');
                        $('.tit2').css('z-index','100');
            },
            swipeDown:function(event, direction, distance, duration, fingerCount) {
            }, 
            click:function(event,target){
                if(target.id == "ddd"){
                    $('.tit1-con').fadeIn(200);    
                }
                if(target.id == "ddd1"){
                    $('.tit1-con').hide();
                }
                
        
                
                
            },
            //Default is 75px, set to 0 for demo so any distance triggers swipe
           threshold:0
        });
        $("#tit2").swipe( {
            //Generic swipe handler for all directions
            swipeUp:function(event, direction, distance, duration, fingerCount) {
                        $('.tit2').fadeOut('slow');        //隐藏第1页
                        $('.tit3').css('top',h+'px');
                        $('.tit3').css('display','block');
                        $('.tit3').animate({top:'0'},800);
                        $('.tit2').css('z-index','99');
                        $('.tit3').css('z-index','100');
            },
            swipeDown:function(event, direction, distance, duration, fingerCount) {
                        $('.tit2').fadeOut('slow');        //隐藏第2页
                        $('.tit1').slideDown();
                        $('.tit1').css('z-index','100');
                        $('.tit2').css('z-index','99');
            },
            //Default is 75px, set to 0 for demo so any distance triggers swipe
           threshold:0
        });
        $("#tit3").swipe( {
            //Generic swipe handler for all directions
            swipeUp:function(event, direction, distance, duration, fingerCount) {
                        $('.tit3').fadeOut('slow');        //隐藏第3页
                        $('.tit4').css('display','block');
                        $('.tit4').css('top',h+'px');
                        $('.tit4').animate({top:'0'},800);
                        $('.tit3').css('z-index','99');
                        $('.tit4').css('z-index','100');
            },
            swipeDown:function(event, direction, distance, duration, fingerCount) {
                        $('.tit3').fadeOut('slow');        //隐藏第2页
                        $('.tit2').slideDown();
                        $('.tit2').css('z-index','100');
                        $('.tit3').css('z-index','99');
            },
            //Default is 75px, set to 0 for demo so any distance triggers swipe
           threshold:0
        });
        
        
        $("#tit4").swipe( {
            //Generic swipe handler for all directions
            swipeUp:function(event, direction, distance, duration, fingerCount) {
                        $('.tit4').fadeOut('slow');        //隐藏第4页
                        $('.tit5').css('display','block');
                        $('.tit5').css('top',h+'px');
                        $('.tit5').animate({top:'0'},800);
                        $('.tit4').css('z-index','99');
                        $('.tit5').css('z-index','100');
                        setTimeout(aa,1000) 
                        function aa(){
                            $('.tit551').show();
                        }
                        setTimeout(a1,1000);
                        function a1(){
                            $('.tit551-5').fadeIn(300);    
                        }
                        setTimeout(a2,1500);
                        function a2(){
                            $('.tit551-5').fadeOut(500);    
                        }
                        
                        setTimeout(b1,2500);
                        function b1(){
                            $('.tit551-4').fadeIn(300);    
                        }
                        setTimeout(b2,3000);
                        function b2(){
                            $('.tit551-4').fadeOut(500);    
                        }
                        
                        setTimeout(c1,4000);
                        function c1(){
                            $('.tit551-3').fadeIn(300);    
                        }
                        setTimeout(c2,4500);
                        function c2(){
                            $('.tit551-3').fadeOut(500);    
                        }
                        
                        setTimeout(d1,5500);
                        function d1(){
                            $('.tit551-2').fadeIn(300);    
                        }
                        setTimeout(d2,6000);
                        function d2(){
                            $('.tit551-2').fadeOut(500);    
                        }
                        
                        setTimeout(e1,7000);
                        function e1(){
                            $('.tit551-1').fadeIn(300);    
                        }
                        setTimeout(e2,7500);
                        function e2(){
                            $('.tit551-1').fadeOut(500);    
                        }
                        
                        setTimeout(bb,8000) 
                        function bb(){
                            $('.tit55').show();    
                        }
                        
                        $('.yaodong').change();
                        setTimeout(function(){
                            if($('.weixin').val() == ''){
                                $.post('php.php',{openid:$('#openid').val()},function(json){
                                    var p = json.prize; //奖项 
                                    var c = json.level; //ID
                                    var d = json.start; //状态
                                    var q = json.num; //剩余次数
                                    if(d == 1){
                                        $('.tit552-3').siblings().hide();
                                        $('.tit552-3').fadeIn(300);
                                        window.removeEventListener('devicemotion',deviceMotionHandler, false);
                                    }else if(d == 2){
                                        $('.tit552-'+c).fadeIn(300);
                                        $('.tit552-'+c).siblings().hide();
                                        //$('.weixin').val('",我获得"'+p);
                                        window.removeEventListener('devicemotion',deviceMotionHandler, false);
                                    }else if(d == 3){
                                        //$('.tit552-4').fadeIn(300);
                                        //$('#fanhui').text('您没有中奖..');
                                        $('.tit552-3').siblings().hide();
                                        $('.tit552-3').fadeIn(300);
                                        window.removeEventListener('devicemotion',deviceMotionHandler, false);
                                    }
                                },'JSON');
                            }    
                            
                        },12000) 
                        
                        
            },
            swipeDown:function(event, direction, distance, duration, fingerCount) {
                        $('.tit4').fadeOut('slow');        //隐藏第2页
                        $('.tit3').slideDown();
                        $('.tit3').css('z-index','100');
                        $('.tit4').css('z-index','99');
            },
            //Default is 75px, set to 0 for demo so any distance triggers swipe
           threshold:0
        });
        $("#tit5").swipe( {
            //Generic swipe handler for all directions
            swipeUp:function(event, direction, distance, duration, fingerCount) {
            },
            swipeDown:function(event, direction, distance, duration, fingerCount) {
            },
            click:function(event,target){
                if(target.id == "weixin1" || target.id == "weixin2" || target.id == "weixin3" || target.id == "weixin4" ){
                    location.href='http://mp.weixin.qq.com/s?__biz=MzA4MTU5NjIwMg==&mid=200182749&idx=1&sn=7cbcbfaf281303392d7ca6f412d6b90a#rd';
                }
                if(target.id == "tijiao"){
                    var name = $('.tit552-1-1').val();
                    var phone = $('.tit552-1-2').val();
                    if(name == '' || phone == ''){
                        alert('不能为空');    
                    }
                    $.post('php.php',{status:'ok',name:name,phone:phone,openid:$('#openid').val()},function(){
                        alert('提交成功')    ;
                        $('#tijiao').hide();
                    });
                }
                if(target.id == "weixin1" || target.id == "weixin2" || target.id == "weixin3"){
                    location.href='http://mp.weixin.qq.com/s?__biz=MzA4MTU5NjIwMg==&mid=200182749&idx=1&sn=7cbcbfaf281303392d7ca6f412d6b90a#rd';
                }
                if(target.id == "chongshi"){
                    //window.addEventListener('devicemotion',deviceMotionHandler, false);
                    $('.tit552-4').fadeOut(300);
                    yaodong();
                }
            },
            //Default is 75px, set to 0 for demo so any distance triggers swipe
           threshold:0
        }); 
        
        
        $('.yaodong').change(function(){
            yaodong();
        });
        
        /*微信分享*/
        var imgUrl = 'http://tgwu.net/ldj/images/weixin.jpg';
        var lineLink = 'http://tgwu.net/ldj';
        var appid = '';
        var descContent = "不劳而获倒数5秒免费送美国进口零食！【麦芽糖优品生活】";
        var shareTitle = '不劳而获倒数5秒免费送美国进口零食！【麦芽糖优品生活】';
        
        function shareFriend() {
            WeixinJSBridge.invoke('sendAppMessage',{
                "appid": appid,
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function(res) {
                //_report('send_msg', res.err_msg);
            })
        }
        function shareTimeline() {
            WeixinJSBridge.invoke('shareTimeline',{
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function(res) {
                   //_report('timeline', res.err_msg);
            });
        }
        function shareWeibo() {
            WeixinJSBridge.invoke('shareWeibo',{
                "content": descContent,
                "url": lineLink,
            }, function(res) {
                //_report('weibo', res.err_msg);
            });
        }
        // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                shareFriend();
            });
            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                shareTimeline();
            });
            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                shareWeibo();
            });
        }, false);
        
        
});
    
    
function yaodong(){
        if (window.DeviceMotionEvent) {
            window.addEventListener('devicemotion',deviceMotionHandler, false);
        }
        var SHAKE_THRESHOLD = 2000;
        var last_update = 0; 
        var x, y, z, last_x=0, last_y=0, last_z=0;
        function deviceMotionHandler(eventData) {
            var acceleration =eventData.accelerationIncludingGravity; // 获取含重力的加速度
            var myDate = new Date();
            var curTime = myDate.getTime(); // 获取当前时间
            if ((curTime-last_update)> 100) { 
                var diffTime = curTime -last_update;//时间差
                last_update = curTime;
                x = acceleration.x;
                y = acceleration.y;
                z = acceleration.z;
                var speed = Math.abs(x+y+z-last_x-last_y-last_z)/diffTime*10000;
                if (speed > SHAKE_THRESHOLD) {
                    $('.weixin').val('2222');
                    //$('.img52').find("img").jshaker();
                    $('.img52').find("img").animate({left:'-50px'},200);
                    $('.img52').find("img").animate({left:'50px'},200);
                    $('.img52').find("img").animate({left:'0'},200);
                    document.getElementById('my1').play();
                    //window.removeEventListener('devicemotion',deviceMotionHandler, false);
                        $.post('php.php',{openid:$('#openid').val()},function(json){
                            var p = json.prize; //奖项 
                            var c = json.level; //ID
                            var d = json.start; //状态
                            var q = json.num; //剩余次数
                            if(d == 1){
                                $('.tit552-3').siblings().hide();
                                $('.tit552-3').fadeIn(300);
                                window.removeEventListener('devicemotion',deviceMotionHandler, false);
                            }else if(d == 2){
                                $('.tit552-'+c).fadeIn(300);
                                $('.tit552-'+c).siblings().hide();
                                //$('.weixin').val('",我获得"'+p);
                                window.removeEventListener('devicemotion',deviceMotionHandler, false);
                            }else if(d == 3){
                                //$('.tit552-4').fadeIn(300);
                                //$('#fanhui').text('您没有中奖..');
                                $('.tit552-3').siblings().hide();
                                $('.tit552-3').fadeIn(300);
                                window.removeEventListener('devicemotion',deviceMotionHandler, false);
                            }
                            /*else if(d == 4){
                                $('.tit552-'+c).fadeIn(300);
                                $('.img51').fadeOut(300);
                                $('.img52').fadeOut(300);
                                $('.weixin').val('",我获得"'+p);
                            }*/
                        },'JSON');
                    }
                last_x = x;
                last_y = y;
                last_z = z;
            }
            return false;
            
        }  
        //摇动 
            
}

 

 

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>HTML5 手机摇一摇</title>
<script type="text/javascript">
var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');
if(window.DeviceMotionEvent) {
    var speed = 25;
    var x = y = z = lastX = lastY = lastZ = 0;
    window.addEventListener('devicemotion', function(){
        var acceleration =event.accelerationIncludingGravity;
        x = acceleration.x;
        y = acceleration.y;
        if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed) {
            document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];
        }
        lastX = x;
        lastY = y;
    }, false);
}
</script>
</head>
<body>
HTML 5 手机摇一摇，在手机上运行的。
</body>
</html>

 

weixin_33766168
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
摇一摇代码
02-12
微信的摇一摇功能代码，实现了检测到晃动，并执行操作的功能。
微信 摇一摇 代码
05-13
if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); } else if (document.attachEvent) { document.attachEvent('WeixinJSBridgeReady', onBridgeReady); document.attachEvent('onWeixinJSBridgeReady', onBridgeReady); } function setForward() { var appId = '', title = '开运灵签，送百万红包！您是第24455位开运者！', link ='index.htm'/*tpa=http://www.wsupvan.com/yaoyiyao/*/, imgUrl = 'images/qian.jpg'/*tpa=http://www.wsupvan.com/yaoyiyao/images/qian.jpg*/, desc = "2015金羊开泰，求关帝灵签！福到，财到，好运到！"; if (title && link) { WeixinJSBridge.on('menu:share:appmessage', function(argv) { WeixinJSBridge.invoke('sendAppMessage', { // 'appid': 'kczxs88', 'img_url' : imgUrl, 'link' : link, 'desc' : desc, 'title' : title }, function(res) { if (res && res['err_msg'] && res['err_msg'].indexOf('confirm') > -1) { $(document).trigger('wx_sendmessage_confirm'); } }); }); WeixinJSBridge.on('menu:share:timeline', function(argv) { $(document).trigger('wx_timeline_before'); WeixinJSBridge.invoke('shareTimeline', { 'img_url' : imgUrl, 'link' : link, 'desc' : desc, 'title' : title }, function(res) { // 貌似目前没有简报 }); }); return true;
android 摇一摇 代码 真实可用
weixin_34409703的博客
04-08 212
核心接口代码： package com.hyxf.main; import android.content.Context; import android.hardware.Sensor; import android.hardware.SensorEvent; import android.hardware.SensorEventListener; import android.hard...
摇一摇js代码
weixin_30787531的博客
04-13 122
init(); var SHAKE_THRESHOLD = 3000; var last_update = 0; var x = y = z = last_x = last_y = last_z = 0; function init() { if (window.DeviceMotionEvent) { window.addEventListener('devicemotion',...
android 微信摇一摇代码,Android实现微信摇一摇功能
weixin_42389478的博客
05-26 651
本文实例为大家分享了Android实现微信摇一摇功能的具体代码，供大家参考，具体内容如下1、初始化界面设置摇一摇界面的背景图片和摇动时的上下两半张图片xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layou...
蓝色清新的html5专题页面手机摇一摇代码下载
11-03
在本资源中，“蓝色清新的html5专题页面手机摇一摇代码下载”提供了一个创新的交互式设计，使用户可以通过手机的摇动功能来触发特定的页面事件或功能。 “摇一摇”功能是移动应用和网站中常见的互动元素，通常用于...
HTML5手机微信摇一摇游戏特效代码
03-20
这个代码是基于jQuery库的1.11.1.min.js版本开发的，旨在模仿微信的原生摇一摇功能，让用户在手机上通过摇动设备来触发游戏或活动。 HTML5作为现代网页开发的标准，提供了许多增强用户体验的功能，如离线存储、媒体...
js手机摇一摇统计次数代码
06-24
以下是对"js手机摇一摇统计次数代码"这一主题的详细解释： 1. **设备传感器**：在现代移动设备上，内置了加速度计和陀螺仪等传感器，可以检测到设备的移动和旋转。这些传感器的数据可以通过JavaScript API来获取，...
js手机摇一摇统计次数特效代码
03-20
在JavaScript的世界里，实现"手机摇一摇统计次数特效代码"是一种常见的互动功能，尤其适用于移动设备的应用或游戏中。这个功能让用户体验到类似现实世界中的摇晃动作，并将其转化为数字计数，为用户带来新颖的交互...
安卓摇一摇传感器相关-手机摇一摇DEMO代码实现摇一摇执行特定程序.zip
07-29
在这个"安卓摇一摇传感器相关-手机摇一摇DEMO代码实现摇一摇执行特定程序.zip"压缩包中，包含了实现这一功能的源码示例。 摇一摇功能主要依赖于安卓系统中的SensorManager服务和加速度传感器（Accelerometer Sensor...
最基本的摇一摇实现代码
03-19
通过感应加速器来实现对摇一摇事件的监听，从而实现在手机摇一摇之后文本的内容发生改变
Android摇一摇源代码
12-27
一款安卓小游戏，包含X,Y重力感应，不错的小工具，适用于初学者参考
HTML5 摇一摇代码 微信摇一摇 移动端摇一摇
09-17
HTML5 摇一摇代码 微信摇一摇 移动端摇一摇，简单易懂，HTML5代码，一看即懂，方便移植至任何系统
Android代码-模拟摇一摇手机自动刷计步器步数的Xposed模块
08-06
MockSport 运动模拟器 一个通过修改传感器数据进行模拟运动的Xposed的模块。 声明 本程序仅供测试，所有责任由使用者本人承担。 关于 蔡小木提供
微信摇一摇 摇动代码
weixin_34279184的博客
12-19 174
为什么80%的码农都做不了架构师？>>> ...
分享一段微信摇一摇代码，有兴趣的可以试一试
weixin_33713707的博客
04-14 364
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <meta charset="UTF-8"> 6 <meta name="viewport"...
html5摇一摇代码
newmiracle学习天地
01-18 419
html5摇一摇代码 var SHAKE_THRESHOLD = 3000; var last_update = 0; var x = y = z = last_x = last_y = last_z = 0; function shakeinit() { if (window.DeviceMotionEvent) { window.addEventLi
android “摇一摇” 代码实现
LVXIANGAN的专栏
03-31 1186
核心接口代码： import android.content.Context; import android.hardware.Sensor; import android.hardware.SensorEvent; import android.hardware.SensorEventListener; import android.hardware.SensorManager; i
微信摇一摇页面代码
贤和知识点收藏
10-14 1180
pageEncoding="utf-8"%>   String userid=new   String(request.getParameter("userid").getBytes("ISO-8859-1"),"UTF-8"); %>                                     摇一摇
手机摇一摇抽奖代码实现
最新发布
06-13
下面是一个简单的手机摇一摇抽奖代码实现示例： HTML部分： ```html <!-- 抽奖按钮 --> <button id="lotteryBtn">摇一摇抽奖</button> <!-- 中奖提示 --> <div id="result"></div> ``` JavaScript部分： ```javascript // 监听DeviceMotion事件 window.addEventListener('devicemotion', function(event) { // 获取加速度数据 var acceleration = event.accelerationIncludingGravity; // 计算加速度大小 var accelerationMagnitude = Math.sqrt( Math.pow(acceleration.x, 2) + Math.pow(acceleration.y, 2) + Math.pow(acceleration.z, 2) ); // 判断是否达到摇一摇条件 if (accelerationMagnitude > 20) { // 触发抽奖事件 lottery(); } }); // 抽奖函数 function lottery() { // 随机生成中奖结果（这里假设有10%的概率中奖） var isWin = Math.random() < 0.1; if (isWin) { // 中奖提示 document.getElementById('result').innerHTML = '恭喜你中奖了！'; } else { // 未中奖提示 document.getElementById('result').innerHTML = '很遗憾，未中奖！'; } } // 绑定抽奖按钮点击事件 document.getElementById('lotteryBtn').addEventListener('click', function() { // 触发抽奖事件 lottery(); }); ``` 在实现中，我们通过监听DeviceMotion事件来判断手机是否摇动，如果达到摇一摇条件，就触发抽奖事件。在抽奖事件中，我们通过随机生成中奖结果来模拟抽奖过程，并根据结果提示用户是否中奖。同时，我们也通过绑定抽奖按钮点击事件来实现手动抽奖的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值