js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 其它代码

jQuery流星雨动画特效,jq流星雨特效代码

发布时间:2015-09-08 21:36:54    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jQuery流星雨动画特效,jq流星雨特效代码

jQuery流星雨动画特效,jq流星雨特效代码

$(function(){
	var Timerr;
	function aa(){
		for(var i=0;i<4;i++){
		var m=parseInt(Math.random()*700+100);
		var j2=parseInt(Math.random()*300+1200);
		var j=parseInt(Math.random()*1600+000);
		var j1=parseInt(Math.random()*300+300);
		var n=parseInt(Math.random()*10+(-10));
		$('.div').prepend('<div><div><div><div><div></div></div></div></div></div>')
		$('.div').children('div').eq(0).css({'left':j,'top':n})
		$('.div').children('div').eq(0).animate({'left':j-j1,'top':$(window).height()+20},j2)
		
		}
	}

	aa();
	setInterval(function(){aa();},300);
	setInterval(
		function(){
			for(var jj=0;jj<$('.div>div').size()/4;jj++){
			$('.div>div').eq($('.div>div').size()-jj).remove();
		}
	},1000);		
});



流星雨特效 动画

jQuery流星雨动画特效,jq流星雨特效代码

友荐云推荐
大家说 此评论不代表本站观点