html星星连线特效代码,js实现飞入星星特效代码
本文实例讲述了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实现飞入星星特效代码相关推荐
- php 关闭当前网页代码,js实现关闭网页的代码
本文主要和大家分享js实现关闭网页的代码,希望能帮助到大家.关闭 很简单的关闭本页面的方法,没有其他额外的提示:window.opener=null; //返回对创建该窗口的 Window 对象的引用 ...
- 消灭星星网页版java代码,js实现消灭星星(web简易版)
昨天看视频之后,整理思路,自己完成了简易版消灭星星 思路: 模块1:初始化 初始化总分数.当前分数.背景图.选择的星星分数 初始化星星(生成二维数组,对二维数组的每一个对象设置样式(长.宽.背景图), ...
- html图片翻页效果代码,js图片翻书效果代码分享
这是一款基于javascript实现图片翻书效果代码,图片可以从左右两个方向进行切换,用户还可以自定义对应图片的标题与文字说明,是一款非常实用的图片特效源码. 七夕情人节也可以是表白的神器,放一些回忆 ...
- html代码js正则,过滤所有HTML代码和CSS,JS
过滤所有HTML代码和CSS,JS 复制代码 代码如下: Function RemoveHTML(strHTML) '过滤HTML代码的函数包括过滤CSS和JS StrHtml = Replac ...
- php5分钟倒计时代码,JS实现十分钟倒计时代码实例
编写JS倒计时代码需要用到很多JavaScript知识,比如:if函数,Math.floor,定时器setInterval等等,如有不清楚的小伙伴可以参考PHP中文网的相关文章,或者访问 JavaSc ...
- php滚动图代码,JS上下、左右滚动代码(支持图片滚动)
[实例简介] [实例截图] [核心代码] var Marquee=function(){this.ID=document.getElementById(arguments[0]);this.Direc ...
- Html秒表计时代码,js实现秒表计时器功能代码示例
本文实例为大家分享了带有开始.暂停.清除功能的js计时器,供大家参考,具体内容如下 计时器 var hour,minute,second;//时 分 秒 hour=minute=second=0;// ...
- php中轮转图片js代码,js实现图片轮换效果代码
var numb = 0; var imgnumb = 1; function showimg() { //两张图片切换方法1 /*numb++; if (numb % 2 == 0) { docum ...
- 18款js和jquery文字特效代码分享
18款js和jquery文字特效代码分享 jQCloud标签云插件_热门城市文字标签云代码 js 3d标签云特效关键词文字球状标签云代码 原生JS鼠标悬停文字球状放大显示效果代码 原生js文字动画圆形 ...
- js,jquery,css,html5特效
js,jquery,css,html5特效 包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/Jeremy2001/p/6089343.h ...
最新文章
- MySQL 数据库的优化,你知道有哪些?
- resize函数_每日一题手写函数防抖与节流
- Gumble Distribution耿贝尔分布
- 【数据结构总结】第一章:数据结构基本概念
- 一加3 CM13 12306 不能用
- 神经网络与深度学习——TensorFlow2.0实战(笔记)(三)(python输入和输出)
- C++ Windows时间函数 QueryPerformanceCounter()与QueryPerformanceFrequency()
- Android 对应的xml配置值,颜色表
- VIO,visual-inertial odometry)即视觉惯性里程计
- Qt读取海康威视NVR服务器视频
- 记事本怎么运行c语言代码,如何让记事本里的代码运行
- foobar2000播放的一些使用技巧
- 图片秒加水印制作生成微信小程序源码下载免服务器域名
- 「美版抖音」TikTok工程师2021年赚多少?最高年薪306万,最低77万,还不算股票期权...
- ArcGIS 地图切图系列之(三)MapReduce 实现
- 第一代电子计算机采用的物理器,第一章 计算机基础知识
- java 实现概率事件,实现指定概率的随机事件
- 如何彻底删除hao123的桌面快捷方式
- 企业即时通讯软件,如何让沟通协作更加安全高效?
- Gut | 微生物胆盐水解酶在粪菌移植治疗复发性艰难梭菌感染中的作用