html流星雨代码可复制(html流星雨代码手机)

http://www.itjxue.com  2023-02-09 14:51  来源:未知  点击次数: 

怎么使用流星雨代码

网页代码吗?我这有网页代码

htmltitle网页下雨/title

body bgcolor="#ffffff"

STYLE type=text/cssBODY {

FONT-FAMILY: "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px

}

/STYLE

SCRIPT language=JavaScript

var no = 50;!--定义雨点的总数--

var speed = 1;!--定义下雨的速度--

var s, x, y, sn, cs;!--声明变量--

var a, r, cx, cy;!--声明变量--

var i, doc_width = 800, doc_height = 600;!--存储显示器的分辨率--

if (document.all) {!--如果是ie浏览器--

doc_width = document.body.clientWidth;!--获得窗口的宽度--

doc_height = document.body.clientHeight;!--获得窗口的高度--

}

x = new Array();!--存储所有雨点的横坐标--

y = new Array();!--存储所有雨点的纵坐标--

r = new Array();!--存储所有雨点的横坐标--

cx = new Array();!--存储所有雨点的横坐标--

cy = new Array();!--存储所有雨点的横坐标--

s = 8;

for (i = 0; i no; ++ i) {!--循环对所有的雨点进行初始化和显示--

initRain();!--初始化雨点--

if (document.all) {

document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");!--创建新的层--

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");!--显示雨点--

document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"black\"");!--颜色为红色--

document.write(",/font/div");

}

}

function initRain() {!--对雨点的初始化--

a = 6;

r[i] = 1;

sn = Math.sin(a);!--定义变量--

cs = Math.cos(a);!--定义变量--

cx[i] = Math.random() * doc_width + 1;!--初始化雨点横坐标--

cy[i] = Math.random() * doc_height + 1;!--初始化雨点纵坐标--

x[i] = r[i] * sn + cx[i];!--初始化雨点横坐标--

y[i] = cy[i];!--初始化雨点纵坐标--

}

function makeRain() {!--生成雨点--

r[i] = 1;!--雨点出现的纵坐标最小值--

cx[i] = Math.random() * doc_width + 1;!--横向速度--

cy[i] = 1;!--纵向速度--

x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--

y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--

}

function updateRain() {!--更新雨点--

r[i] += s;!--

x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--

y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--

}

function raindropIE() {!--对IE浏览器的下雨函数--

for (i = 0; i no; ++ i) {

updateRain();

if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) {!--判断雨点是否已经出了当前窗口边界--

makeRain();!--重新生成雨点--

doc_width = document.body.clientWidth;!--获得当前雨点所在层的宽度--

doc_height = document.body.clientHeight;!--获得当前雨点所在层的高度--

}

document.all["dot"+i].style.pixelTop = y[i];!--显示雨点--

document.all["dot"+i].style.pixelLeft = x[i];!--显示雨点--

}

setTimeout("raindropIE()", speed);!--根据speed值,动态更新下雨的图片--

}

if (document.all) {

raindropIE();!--如果是ie浏览器,调用相应的函数--

}

/SCRIPT

/body

/html

参考网站:

微信满屏流星雨代码

微信满屏流星雨的代码是“miss u”、“想你了”和“miss you”。

工具:小米11青春版手机、MIUI 12.5.5操作系统、微信APP V8.0.19。

1、在好友聊天窗口的输入框中输入“miss u”。

2、点击发送,满屏流星出现。

3、在好友聊天窗口的输入框中输入“想你了”。

4、点击发送,满屏流星出现。

5、在好友聊天窗口的输入框中输入“miss you”。

6、点击发送,满屏流星出现。

我要黑客帝国里的数字流星雨代码,用html或asp写的

htmlstyle type="text/css"

!--

body {

background-color: #000000;

}

--

/style

Body

script language="JavaScript"

!--

if (document.all){

Cols=60;

Cl=20;//Space's are included so real length is 48!

Cs=20;

Ts=20;

Tc='#008800';

Tc1='#00ff00';

MnS=20;

MxS=30;

I=Cs;

Sp=new Array();S=new Array();Y=new Array();

C=new Array();M=new Array();B=new Array();

RC=new Array();E=new Array();Tcc=new Array(0,1);

document.write(" div id='Container' style='position:absolute;top:0;left:-"+Cs+"'");

document.write(" div style='position:relative'");

for(i=0; i Cols; i++){

S[i]=I+=Cs;

document.write(" div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"

+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden' /div");

}

document.write(" /div /div");

for(j=0; j Cols; j++){

RC[j]=1+Math.round(Math.random()*Cl);

Y[j]=0;

Sp[j]=Math.round(MnS+Math.random()*MxS);

for(i=0; i RC[j]; i++){

B[i]='';

C[i]=Math.round(Math.random()*1)+' ';

M[j]=B[0]+=C[i];

}

}

function Cycle(){

Container.style.top=window.document.body.scrollTop;

for (i=0; i Cols; i++){

var r = Math.floor(Math.random()*Tcc.length);

E[i] = ' font color='+Tc1+''+Tcc[r]+' /font';

Y[i]+=Sp[i];

if (Y[i] window.document.body.clientHeight){

for(i2=0; i2 Cols; i2++){

RC[i2]=1+Math.round(Math.random()*Cl);

for(i3=0; i3 RC[i2]; i3++){

B[i3]='';

C[i3]=Math.round(Math.random()*1)+' ';

C[Math.floor(Math.random()*i2)]=' '+' ';

M[i]=B[0]+=C[i3];

Y[i]=-Ts*M[i].length/1.5;

A[i].style.visibility='visible';

}

Sp[i]=Math.round(MnS+Math.random()*MxS);

}

}

A[i].style.top=Y[i];

A[i].innerHTML=M[i]+' '+E[i]+' ';

}

setTimeout('Cycle()',20)

}

Cycle();

}

// --

/script

/body

/html

演示地址:

网上找的代码,我给你改了下

怎么做流星的FLASH ?

制作流星雨效果 (1)按Ctrl+F8创建一个图像图符,命名为:流星1。在图符编辑区中用Tools面板中的椭圆工具 和箭头工具 画一颗流星的轮廓,如下图所示: (2)接着,用油漆桶工具进行填充颜色,这一步很讲究喔。在填充之前先调好颜色,打开Color Mixer混色面板,选择辐射状填充方式Radial。然后,把颜色定义条上的两个颜色滑块都设置成白色,并选中右边的颜色滑块,在Alpha中输入:0 ,设置好后如下图所示。 (3)现在,把油漆桶移到流星轮廓的左下角,点击一下就填充好了(如下图所示)!之后,用箭头工具单击选中轮廓,按Delete键把轮廓线删掉。 (4)按Ctrl+F8键创建一个电影剪辑图符,命名为:流星2 。在选中Layer1层第1帧的情况下,从图符库中把流星1图符拖到电影剪辑编辑区。 (5)然后,选中第15帧(用鼠标在时间轴的第15帧单击一下),按F6键插入一个关键帧,再把鼠标移到第1帧和第15帧之间单击鼠标右键,在弹出的菜单中选中Creat Motion Tween命令创建运动动画。 (6)选中第15帧,把鼠标移到编辑区中的流星上,按住鼠标左键不放,把它向左下方移动一段距离,再选中Tools面板上的 工具,把它拉大。 (7)选中第10帧,按F6插入关键帧,之后,在选中第15帧的情况下,单击一下编辑区中的流星,在Properties面板中的Color下拉菜单中选中Alpha,并把其右边的值改为0% 。这样,一颗流星就做出来了,如何实现流星雨呢?别急!下面就开始做。 (8)创建一个电影剪辑图符,命名为:流星雨。接着,把流星2图符从图符库中拖到编辑区来,并在Properties面板中的Instance Name中给它命名为:liuxin 。 (9)在第15帧单击一下,按F5键使帧延续到第15帧。并把该层改命:流星。 (10)在流星层的上面创建一个新层,命名为:动作。接着,在该层的第1帧上单击鼠标右键,在弹出的菜单中选择Actions命令,打开Actions面板,在面板上点击 按钮,选择Expert Mode(专家模式),然后,在面板的动作编辑区中输入以下代码: n=1; duplicateMovieClip (liuxin,"liuxin"+n,n); setProperty ("liuxin"+n, _x, random(500)); setProperty ("liuxin"+n, _y, random(330)); size=random(40)+10; setProperty ("liuxin"+n, _yscale, size); setProperty ("liuxin"+n, _xscale, size); n=n+1; (11)选择除了“n=1;”以外的所有代码,按Ctrl+c键复制代码,如下图所示: (12)在该层每隔3帧插入一个关键帧,每插入一个关键帧的同时,在动作编辑区中按Ctrl+v键粘贴刚才复制的代码,如下图所示: 这样,流星雨就做好了。 这网页上还有许多东西的制作方法 ;ID=32879

麻烦采纳,谢谢!

(责任编辑:IT教学网)

更多

推荐微信营销文章