素材网 素材网

Jquery仿彩票更换数字动画效果

下载资源()次

阅读次数()次

发布时间:2016-07-20

Jquery仿彩票更换数字动画效果
分享到:

用法简介:

来源:xw素材网

Jquery仿彩票更换数字动画效果。
文件引用:

<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		var y=3;
		$("input").click(function(event) {
			$("ul li").each(function(index, el) {
				///开始///随机函数
				function createRandom(num ,from ,to )
				{
					var arr=[];
					for(var i=from;i<=to;i++)
						arr.push(i);
					arr.sort(function(){
						return 0.5-Math.random();
					});
					arr.length=num;
					return arr;
				}
				 
				function createRandom2(num , from , to)
				{
					var arr=[];
					var json={};
					while(arr.length<num)
					{
						//产生单个随机数
						var ranNum=Math.ceil(Math.random()*(to-from))+from;
						//通过判断json对象的索引值是否存在 来标记 是否重复			        
						if(!json[ranNum])
						{
							json[ranNum]=1;
							arr.push(ranNum);
						}					         
					}
					return arr;	     
				}
				///结束///随机函数
				var arr=[];//声明一个空的数组
				arr=createRandom2(7,1,33)/*将随机生成的0-33的7个数字赋值给arr*/
				//定义了sort的比较函数将arr数组里面的数字
				arr.sort(function(a,b){
					return a-b;
				});
				//利用循环让每个li取到arr数组的值
				for(var i=0;i<=$("ul li").size();i++){		 				
					$("ul li").eq(i).text(arr[i]);
				}
				/*每个圆转的度数等于  y*360*/
				y++;
				$("ul li").eq(index).css({
					"transform": 'rotate('+y*360+'deg)',
					"-moz-transform": 'rotate('+y*360+'deg)',
					"-webkit-transform": 'rotate('+y*360+'deg)',
					"-o-transform": 'rotate('+y*360+'deg)',
					"-s-transform": 'rotate('+y*360+'deg)'
				});
			});
			//判断随机生成的是不是小于10如果是的就给前面加上0如生成的是1那么就显示01
			$("ul li").each(function(index, el) {
				if (parseInt($(this).text())<10) {
					var cc=$(this).text();
					$(this).text("0"+cc)
				};
			});
		});
	});
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

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

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

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

邮箱订阅

什么是邮箱订阅?

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