html流星雨代码可复制(html流星雨代码手机)
怎么使用流星雨代码
网页代码吗？我这有网页代码
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
麻烦采纳，谢谢!