화면에서 이미지 움직이는 효과
로빈아빠
본문
bg_img.gif 파일 이미지 필요
<head>와 </head>사이에 넣는다.
<script language="JavaScript">
<!-- Multi Random Movement Script by kurt.grigg@virgin.net
P=new Image();
P.src="bg_img.gif";//이미지주소
Pic="bg_img.gif";//이미지주소
amount=20;//화면안에 채울 이미지수로 최소 20개 이상이 되야된다.
BY=-20;//그림의 가로 사이즈로 음수값을 적어주세여
BX=-20;//그림의 세로 사이즈로 음수값을 적어주세여
S=5;//그림이 움직이는 속도 클수록 빠르다
ns=(document.layers)?1:0;
if (ns){
for (i=0; i < amount; i++)
document.write("<LAYER NAME='netscape"+i+"' LEFT=0 TOP=0><img src="+Pic+"></LAYER>");
}
else{
document.write("<div style='position:absolute;top:0px;left:0px'><div style='position:relative'>");
for (i=0; i < amount; i++)
{document.write("<img id='explorer' src='"+Pic+"' style='position:absolute;top:0px;left:0px'>")}
document.write("</div></div>")
}
R=new Array(),PB=new Array(),RD=new Array(),Y=new Array(),X=new Array(),D=new Array(),VB=0,HB=0,SP=new Array();;
for (i=0; i < amount; i++){Y[i]=10;X[i]=10;D[i]=Math.floor(Math.random()*80+10);SP[i]=Math.floor(Math.random()*S+3)}
function Curve(){
plusMinus=new Array(1,-1,2,-2,3,-3,0,1,-1)
for (i=0; i < amount; i++){
R[i]=Math.floor(Math.random()*plusMinus.length);
RD[i]=plusMinus[R[i]];
}
setTimeout('Curve()',1800);
}
function MoveRandom(){
T=setTimeout('MoveRandom()',10);
var H=(document.layers)?window.innerHeight:document.body.clientHeight;
var W=(document.layers)?window.innerWidth:document.body.clientWidth;
var YS=(document.layers)?window.pageYOffset:document.body.scrollTop;
var XS=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < amount; i++){
PB[i]=D[i]+=RD[i];
y = SP[i]*Math.sin(PB[i]*Math.PI/180);
x = SP[i]*Math.cos(PB[i]*Math.PI/180);
if (D[i] < 0) D[i]+=360;
Y[i]+=y;
X[i]+=x;
VB=180-D[i];
HB=0-D[i];
if ((Y[i] < 1) && (X[i] < 1)) {Y[i]=1;X[i]=1;D[i]=45;}
if ((Y[i] < 1) && (X[i] > W+BX)) {Y[i]=1;X[i]=W+BX;D[i]=135;}
if ((Y[i] > H+BY) && (X[i] < 1)) {Y[i]=H+BY;X[i]=1;D[i]=315;}
if ((Y[i] > H+BY) && (X[i] > W+BX)) {Y[i]=H+BY;X[i]=W+BX;D[i]=225;}
if (Y[i] < 1) {Y[i]=1;D[i]=HB;}
if (Y[i] > H+BY) {Y[i]=H+BY;D[i]=HB;}
if (X[i] < 1) {X[i]=1;D[i]=VB;}
if (X[i] > W+BX) {X[i]=W+BX;D[i]=VB;}
var layer=(document.layers)?document.layers['netscape'+i]:explorer[i].style;
layer.top=Y[i]+YS;
layer.left=X[i]+XS;
}
}
function sTaRt(){Curve();MoveRandom()}
if (document.all||document.layers){sTaRt()}
//-->
</script>
출처 : http://qdata.co.kr/bo/bbs/board.php?bo_table=jt&wr_id=71
<head>와 </head>사이에 넣는다.
<script language="JavaScript">
<!-- Multi Random Movement Script by kurt.grigg@virgin.net
P=new Image();
P.src="bg_img.gif";//이미지주소
Pic="bg_img.gif";//이미지주소
amount=20;//화면안에 채울 이미지수로 최소 20개 이상이 되야된다.
BY=-20;//그림의 가로 사이즈로 음수값을 적어주세여
BX=-20;//그림의 세로 사이즈로 음수값을 적어주세여
S=5;//그림이 움직이는 속도 클수록 빠르다
ns=(document.layers)?1:0;
if (ns){
for (i=0; i < amount; i++)
document.write("<LAYER NAME='netscape"+i+"' LEFT=0 TOP=0><img src="+Pic+"></LAYER>");
}
else{
document.write("<div style='position:absolute;top:0px;left:0px'><div style='position:relative'>");
for (i=0; i < amount; i++)
{document.write("<img id='explorer' src='"+Pic+"' style='position:absolute;top:0px;left:0px'>")}
document.write("</div></div>")
}
R=new Array(),PB=new Array(),RD=new Array(),Y=new Array(),X=new Array(),D=new Array(),VB=0,HB=0,SP=new Array();;
for (i=0; i < amount; i++){Y[i]=10;X[i]=10;D[i]=Math.floor(Math.random()*80+10);SP[i]=Math.floor(Math.random()*S+3)}
function Curve(){
plusMinus=new Array(1,-1,2,-2,3,-3,0,1,-1)
for (i=0; i < amount; i++){
R[i]=Math.floor(Math.random()*plusMinus.length);
RD[i]=plusMinus[R[i]];
}
setTimeout('Curve()',1800);
}
function MoveRandom(){
T=setTimeout('MoveRandom()',10);
var H=(document.layers)?window.innerHeight:document.body.clientHeight;
var W=(document.layers)?window.innerWidth:document.body.clientWidth;
var YS=(document.layers)?window.pageYOffset:document.body.scrollTop;
var XS=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < amount; i++){
PB[i]=D[i]+=RD[i];
y = SP[i]*Math.sin(PB[i]*Math.PI/180);
x = SP[i]*Math.cos(PB[i]*Math.PI/180);
if (D[i] < 0) D[i]+=360;
Y[i]+=y;
X[i]+=x;
VB=180-D[i];
HB=0-D[i];
if ((Y[i] < 1) && (X[i] < 1)) {Y[i]=1;X[i]=1;D[i]=45;}
if ((Y[i] < 1) && (X[i] > W+BX)) {Y[i]=1;X[i]=W+BX;D[i]=135;}
if ((Y[i] > H+BY) && (X[i] < 1)) {Y[i]=H+BY;X[i]=1;D[i]=315;}
if ((Y[i] > H+BY) && (X[i] > W+BX)) {Y[i]=H+BY;X[i]=W+BX;D[i]=225;}
if (Y[i] < 1) {Y[i]=1;D[i]=HB;}
if (Y[i] > H+BY) {Y[i]=H+BY;D[i]=HB;}
if (X[i] < 1) {X[i]=1;D[i]=VB;}
if (X[i] > W+BX) {X[i]=W+BX;D[i]=VB;}
var layer=(document.layers)?document.layers['netscape'+i]:explorer[i].style;
layer.top=Y[i]+YS;
layer.left=X[i]+XS;
}
}
function sTaRt(){Curve();MoveRandom()}
if (document.all||document.layers){sTaRt()}
//-->
</script>
출처 : http://qdata.co.kr/bo/bbs/board.php?bo_table=jt&wr_id=71
관련링크
댓글목록
등록된 댓글이 없습니다.