JS网页特效：星空飞入效果

>首页 -> 社会专题 -> 代码效果 2016-01-16 11:47:14 来源:百度作者:佚名【大中小】浏览:576次评论:0条

JS网页特效：星空极速飞入效果，有点3D穿越的感觉，背景要设成蓝色或黑色，否则看不到星星。这是一个很不错的java script生成随机数的范例，希望大家喜欢。

<html>
<head>
<title>星空极速飞入效果</title>
<style type="text/css">

</style>
</head>
<body>
<script language="JavaScript">
xL=8;
xH=xW=xR=xE=xMY=xMX=xWd=xHd=0;
xF=new Array();
xY=new Array();
xX=new Array();
xS=new Array();
xA=new Array();
xB=new Array();
ini=new Array();
document.write('<div id="sdiv" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < xL; i++){
	document.write('<div id="div" style="position:absolute;top:0;left:0;width:5px;height:5px;'+'font-size:10px;color:#ffffff">.</div>');
}
document.write('</div></div>');
function Set(){
	for (i=0; i < xL; i++){
		transfer(i)
		xF[i]=xW/14;
	}
}
function Assign(){
	sdiv.style.top=document.body.scrollTop;
	for (i=0; i < xL; i++){
		xF[i]-=xS[i]*25;
		if (xF[i] < 4) xF[i]=3;
		div[i].style.top =xY[i];
		div[i].style.left=xX[i];
		div[i].style.fontSize=xF[i];
	}
}
function fly(){
	xMY=window.document.body.clientHeight/2;
	xMX=window.document.body.clientWidth/2;
	xWd=Math.round(Math.random()*40+5);
	xHd=Math.round(Math.random()*30+5);
	for (i=0; i < xL; i++){
		xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]);
		xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]);
		if ((xX[i] > xMX-xWd) && (xX[i] < xMX+xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY+xHd)){
			transfer(i)
		}
		if ((xX[i]<0)||(xX[i]>xW)||(xY[i]<0)||(xY[i]>xH)){
 			xF[i]=xW/14;
		}
	}
	Assign();
	setTimeout('fly()',1);
}
function transfer(i){
	xH=window.document.body.offsetHeight;
	xW=window.document.body.offsetWidth;
	xA[i]=Math.round(Math.random()*xH);
	xB[i]=Math.round(Math.random()*xW);
	xS[i]=Math.random()*0.05+0.05;
	xR=Math.round(Math.random()*3);
	xE=Math.round(Math.random()*50+50);
	if (xR == 3) xB[i]=-xE;
	if (xR == 2) xB[i]=xW+xE;
	if (xR == 1) xA[i]=-xE;
	if (xR == 0) xA[i]=xH;
}
Set();
fly();
</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh-oh'},{'server':'p3plzcpnl489434'},{'id':'8823225'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

可先修改再运行

您看到此篇文章时的感受是：

Tags：用

责任编辑：佚名

免责申明

除原创及很少部分因网文图片遗失而补存外，本站不存储任何有版权的内容。你看到的文章和信息及网址索引均由机器采集自互联网，由于时间不同，内容可能完全不同，请勿拿本网内容及网址索引用于交易及作为事实依据，仅限参考，不会自行判断者请勿接受本站信息，本网转载,并不意味着赞同其观点或证实其内容的真实性.如涉及版权等问题,请立即联系管理员,我们会予以更改或删除，保证您的权利.对使用本网站信息和服务所引起的后果,本网站不作任何承诺.

【大中小】【打印繁体投稿收藏】【推荐举报评论:0条】【关闭返回顶部】

酒精度

101

顶一下

上一篇：JavaScript让网页出现渐隐渐显的…

下一篇：美女瀑布流-jquery代码

密码: (新用户注册)

手机扫描

空间赞助

快速互动

有事联系

统计联系

版权与建议