本文实例讲述了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程序设计有所帮助

时间: 2014-10-16

html星星连线特效代码,js实现飞入星星特效代码相关推荐

  1. php 关闭当前网页代码,js实现关闭网页的代码

    本文主要和大家分享js实现关闭网页的代码,希望能帮助到大家.关闭 很简单的关闭本页面的方法,没有其他额外的提示:window.opener=null; //返回对创建该窗口的 Window 对象的引用 ...

  2. 消灭星星网页版java代码,js实现消灭星星(web简易版)

    昨天看视频之后,整理思路,自己完成了简易版消灭星星 思路: 模块1:初始化 初始化总分数.当前分数.背景图.选择的星星分数 初始化星星(生成二维数组,对二维数组的每一个对象设置样式(长.宽.背景图), ...

  3. html图片翻页效果代码,js图片翻书效果代码分享

    这是一款基于javascript实现图片翻书效果代码,图片可以从左右两个方向进行切换,用户还可以自定义对应图片的标题与文字说明,是一款非常实用的图片特效源码. 七夕情人节也可以是表白的神器,放一些回忆 ...

  4. html代码js正则,过滤所有HTML代码和CSS,JS

    过滤所有HTML代码和CSS,JS 复制代码 代码如下: Function RemoveHTML(strHTML)    '过滤HTML代码的函数包括过滤CSS和JS StrHtml = Replac ...

  5. php5分钟倒计时代码,JS实现十分钟倒计时代码实例

    编写JS倒计时代码需要用到很多JavaScript知识,比如:if函数,Math.floor,定时器setInterval等等,如有不清楚的小伙伴可以参考PHP中文网的相关文章,或者访问 JavaSc ...

  6. php滚动图代码,JS上下、左右滚动代码(支持图片滚动)

    [实例简介] [实例截图] [核心代码] var Marquee=function(){this.ID=document.getElementById(arguments[0]);this.Direc ...

  7. Html秒表计时代码,js实现秒表计时器功能代码示例

    本文实例为大家分享了带有开始.暂停.清除功能的js计时器,供大家参考,具体内容如下 计时器 var hour,minute,second;//时 分 秒 hour=minute=second=0;// ...

  8. php中轮转图片js代码,js实现图片轮换效果代码

    var numb = 0; var imgnumb = 1; function showimg() { //两张图片切换方法1 /*numb++; if (numb % 2 == 0) { docum ...

  9. 18款js和jquery文字特效代码分享

    18款js和jquery文字特效代码分享 jQCloud标签云插件_热门城市文字标签云代码 js 3d标签云特效关键词文字球状标签云代码 原生JS鼠标悬停文字球状放大显示效果代码 原生js文字动画圆形 ...

  10. js,jquery,css,html5特效

    js,jquery,css,html5特效 包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/Jeremy2001/p/6089343.h ...

最新文章

  1. MySQL 数据库的优化,你知道有哪些?
  2. resize函数_每日一题手写函数防抖与节流
  3. Gumble Distribution耿贝尔分布
  4. 【数据结构总结】第一章:数据结构基本概念
  5. 一加3 CM13 12306 不能用
  6. 神经网络与深度学习——TensorFlow2.0实战(笔记)(三)(python输入和输出)
  7. C++ Windows时间函数 QueryPerformanceCounter()与QueryPerformanceFrequency()
  8. Android 对应的xml配置值,颜色表
  9. VIO,visual-inertial odometry)即视觉惯性里程计
  10. Qt读取海康威视NVR服务器视频
  11. 记事本怎么运行c语言代码,如何让记事本里的代码运行
  12. foobar2000播放的一些使用技巧
  13. 图片秒加水印制作生成微信小程序源码下载免服务器域名
  14. 「美版抖音」TikTok工程师2021年赚多少?最高年薪306万,最低77万,还不算股票期权...
  15. ArcGIS 地图切图系列之(三)MapReduce 实现
  16. 第一代电子计算机采用的物理器,第一章 计算机基础知识
  17. java 实现概率事件,实现指定概率的随机事件
  18. 如何彻底删除hao123的桌面快捷方式
  19. 企业即时通讯软件,如何让沟通协作更加安全高效?
  20. Gut | 微生物胆盐水解酶在粪菌移植治疗复发性艰难梭菌感染中的作用

热门文章

  1. linux下的mysql调优_MySQL调优三步曲(慢查询、explain profile)
  2. 读取AutoCAD中的样条曲线(一)
  3. 6 DHCPV6原理
  4. 全新企业发卡系统源码/带有代理功能发卡平台源码
  5. RS485转USB插电脑上通讯不上
  6. Js获取外网IP地址
  7. 蓝牙技术和2.4G及wifi技术的区别
  8. MySQL高级面试题
  9. 嵩天《Python网络爬虫与信息提取》实例1:Requests库网络爬虫实战5个实例
  10. 顺序表的基本操作(C语言实现,简单易懂!)