jquery+css3仿淘宝彩票随机换一注号码动画特效

来源:https://www.sucaihuo.com/js/2126.html 2017-06-08 22:36浏览(817) 收藏

jquery+css3仿淘宝彩票随机换一注号码动画特效,6+1彩票随机选号js代码。
jquery+css3仿淘宝彩票随机换一注号码动画特效
分类:文字特效 > 文字动画 难易:中级
查看演示 下载资源 下载积分: 20 积分

js代码

<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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2