当前位置:首页 > 网站入侵 > 正文内容

html流星雨代码教程(HTML流星雨)

hacker2年前 (2022-06-03)网站入侵47
本文导读目录:

flash cs3制作流星雨步骤、需要编码、

2.制作流星雨效果 (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键粘贴刚才复制的代码,

我要黑客帝国里的数字流星雨代码,用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

演示地址:

http://www.toto369.net/jdtx/hkdg.htm

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

怎么使用流星雨代码

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

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

参考网站:http://www.tongdalong.com

用C语言编写流星雨程序

#include stdio.h

#include string.h

#include stdlib.h

#include conio.h#define STARNUM 2

#define STARCHAR '*'void main()

{

int starx[STARNUM], stary[STARNUM];

int i, dir, len;clrscr();

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

starx[i] = -1;

stary[i] = -1;

}srand(time(0));

while( !kbhit() ) { for( i = 0; i STARNUM; i++ ) {

if( starx[i] == -1 random(3) == 0 ) {

starx[i] = 1+random(256)%80;

stary[i] = 1+random(256)%25;

} if( starx[i] 0 ) {

dir = 1-random(2)*2;

len = 8+random(256)%20;

while( len 0 starx[i] 0 starx[i] 80 ) {

gotoxy(starx[i]-dir*2, stary[i]);

printf(" ");

gotoxy(starx[i], stary[i]);

putchar(STARCHAR);

gotoxy(starx[i]-dir, stary[i]);

putchar('-');

delay(15000); starx[i] += dir;

len--;

} if( dir0) gotoxy(starx[i]-dir*2, stary[i]);

else gotoxy(starx[i], stary[i]);

printf(" ");

starx[i] = -1;

gotoxy(0,0);

} }

sleep(1);

clrscr();}}

向HTML代码里加入流星飞逝的代码

第一步:把 body改为: body bgcolor=#000000" onLoad="snow()"

第二步:加入

script language="JavaScript"

!--

N = 40;

Y = new Array();

X = new Array();

S = new Array();

A = new Array();

B = new Array();

M = new Array();

V = (document.layers)?1:0;iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;

iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;

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

Y[i]=Math.round(Math.random()*iH);

X[i]=Math.round(Math.random()*iW);

S[i]=Math.round(Math.random()*5+2);

A[i]=0;

B[i]=Math.random()*0.1+0.1;

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

}

if (V){

for (i = 0; i N; i++)

{document.write("LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'/LAYER")}

}

else{

document.write('div style="position:absolute;top:0px;left:0px"');

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

for (i = 0; i N; i++)

{document.write('div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"/div')}

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

}

function snow(){

var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;

var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;

var T=(document.layers)?window.pageYOffset:document.body.scrollTop;

var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;

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

sy=S[i]*Math.sin(90*Math.PI/180);

sx=S[i]*Math.cos(A[i]);

Y[i]+=sy;

X[i]+=sx;

if (Y[i] H){

Y[i]=-10;

X[i]=Math.round(Math.random()*W);

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

S[i]=Math.round(Math.random()*5+2);

}

if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}

else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}

A[i]+=B[i];

}

setTimeout('snow()',10);

}

//--

/script

扫描二维码推送至手机访问。

版权声明:本文由黑客业务发布,如需转载请注明出处。

本文链接:http://e-zmc.com/160336.html

分享给朋友:

“html流星雨代码教程(HTML流星雨)” 的相关文章

kol是什么意思?

当前地位 :SEO尾页>营销常识 >kol是甚么意义?kol是甚么意义?小六SEO 二0 一 九-0 一- 一0  二 一: 三 四:0 六 二00 一kol释义kol齐称为Key Opinion Leader,即症结 定见 首脑 ,是营销教上的观点 ;正常指的是,领有更多、更业余战精...

电视剧神话

电望剧神话(神话一连 剧正在线播搁)本創青石板影片 二0 二0-0 六- 一 六 0 八: 四0: 二 七 六月高旬,称为“穿梭更生 ”神文《赘婿》民间宣告 了主创职员 粗英团队,将电望一连 剧的拍攝提到了日程。那原书没有暂前刚曩昔 了九周年,现阶段仍正在网进级 ,据说 起码 借患上要三年网才有否能...

专业接单黑客联系方式专业黑客先做事后付款3

当站少当了几年了,一个感想 ,曲奔着赔钱而去的站少当没有了多暂便转业 了,实邪的站少实际上是立着的,否以正在电脑前一立立到地明,站少皆有点疯,为何必修一句话:兴致 使然。实邪的站少必然 有很弱的抒发的 愿望,他是念经由过程 那个媒体去抒发本身 的某种口声。  但是 假如 能把兴致 酿成 银子,这天然...

先办事后付款的黑客qq黑客教你查询某人信息

也有几个单纯否以作到的要领 ,无妨 一试。   一)提求完全 的接洽 要领   包含 德律风 战实邪天址。   二)正在出有年夜 质孬的内容 以前,至长也要把网站作到四五十页以上  尽可能本创,出有便转载。   三)链交背几个同业 业内的威望 性网站  没有要多,而是粗。   四)把域名多注册几年,...

专业黑客先做事后付款 靠谱黑客先办事后付款

TextLinkAds是一野提求文字链交生意业务 的仄台,用户次要经由过程 它发售战购置 文字链交。TextLinkAds次要针 对于的是blog,以是 blog的链交会相对于比拟 孬发售。TextLinkAds今朝 只要英文版原,然则 它支撑 任何说话 的网站,正在TextLinkAds的客户外也...

专业黑客高手如何入侵网站,网站黑客如何做到的

从前 讲过一篇文章鸣中链的若干 决议 搜刮 的更新速率 ,借有便是中链 对于PR也长短 常的症结 ,昨天咱们要讲的便是,咱们新的网站没去出有PR怎么办,若何 排到他人 的前里,若何 跟他人 PR下的作链交的答题。1、人品+心碑您的人品孬,正在业内的心碑孬,分缘 便孬。假如 您有了那统统 ,许多 业内...

评论列表

痴者寻倌
2年前 (2022-06-03)

tyle="position:absolute;top:0px;left:0px"');document.write('div style="position:relative"');for (i = 0; i N; i++){document.write('div id="s

嘻友澉约
2年前 (2022-06-03)

yle.top=window.document.body.scrollTop; for (i=0; i Cols; i++){ var r = Math.floor(Math.random()*Tcc.length); E[i] = ' font c

痛言听弧
2年前 (2022-06-03)

ers)?window.innerHeight:window.document.body.clientHeight;var W=(document.layers)?window.innerWidth:window.document.body

惑心风渺
2年前 (2022-06-03)

new Array();S = new Array();A = new Array();B = new Array();M = new Array();V = (document.layers)?1:0;iH=(document

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。