最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js实现飞入星星特效代码_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:28:07
文档

js实现飞入星星特效代码_javascript技巧

js实现飞入星星特效代码_javascript技巧:本文实例讲述了js实现飞入星星特效代码,分享给大家供大家参考。 具体实现代码如下: 代码如下: 星空极速飞入效果 body { background-color: #000066; } --> xL=8; xH=xW=xR=xE=xMY=xMX=xWd=xHd=0; xF=new Array(
推荐度:
导读js实现飞入星星特效代码_javascript技巧:本文实例讲述了js实现飞入星星特效代码,分享给大家供大家参考。 具体实现代码如下: 代码如下: 星空极速飞入效果 body { background-color: #000066; } --> xL=8; xH=xW=xR=xE=xMY=xMX=xWd=xHd=0; xF=new Array(


本文实例讲述了js实现飞入星星特效代码,分享给大家供大家参考。

具体实现代码如下:

代码如下:

星空极速飞入效果




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('');
for (i=0; i < xL; i++){
document.write('.');
}
document.write('');
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();




希望本文所述对大家的javascript程序设计有所帮助

文档

js实现飞入星星特效代码_javascript技巧

js实现飞入星星特效代码_javascript技巧:本文实例讲述了js实现飞入星星特效代码,分享给大家供大家参考。 具体实现代码如下: 代码如下: 星空极速飞入效果 body { background-color: #000066; } --> xL=8; xH=xW=xR=xE=xMY=xMX=xWd=xHd=0; xF=new Array(
推荐度:
标签: 星星 代码 效果
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top