素材网 素材网

jQuery仿手机微信端摇一摇抽油卡活动插件代码

下载资源()次

阅读次数()次

发布时间:2016-07-26

jQuery仿手机微信端摇一摇抽油卡活动插件代码
分享到:

用法简介:

来源:xw素材网

jQuery仿手机微信端摇一摇抽油卡活动插件代码。
文件引用:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/alert.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">	
	init();
	var AJAX_RETURN=true;
	var SHAKE_THRESHOLD = 2000;
	var last_update = 0;
	var x = y = z = last_x = last_y = last_z = 0;
	function init() {
	    if (window.DeviceMotionEvent) {
	        window.addEventListener('devicemotion', deviceMotionHandler, false);
	    } else {
	        alert('not support mobile event');
	    }
	}
	function deviceMotionHandler(eventData) {
	    var acceleration = eventData.accelerationIncludingGravity;
	    var curTime = new Date().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) {
	        	$(".container img").addClass("conanima");
	        	if(AJAX_RETURN){
				    autoPlay();
	        		yaoyiyao();  
	        	}
	        }
	        last_x = x;
	        last_y = y;
	        last_z = z;
	    }
	}
    function yaoyiyao(){
	   AJAX_RETURN=false;
	   alert('处理摇一摇后的操作!');
	   AJAX_RETURN=true;
	}	
	function autoPlay(){
		var myAuto = document.getElementById('myaudio');
		myAuto.play();
	}
</script>
<!-- 圆盘旋转 -->
<script type="text/javascript">
    var Du = 0;
    function fransform(){
        Du++;
        var Objnode = document.getElementById('yuanpan');
        Objnode.setAttribute('style','-webkit-transform:rotate('+ Du +'deg); -webkit-transform-origin: 50% 50%;');
        if(Du == 360){ Du = 0; }
    }
	$(document).ready(function(){
		setInterval(fransform,70);
	}); 
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。