이 아이콘은 음악의 On/ Off 와 Volume을 함께 적용할 수 있다.

            새로운 음악을 삽입할 때에는
             Import Sound하여 넣고 Properties의 Detail에서 용량을 줄여야 한다

       

        o 보기;
           ▷ (play)  □(Stop) 과  볼륨단추 ♬를 좌우로 이동시켜보시오

       

 <script language="JavaScript">

<!-- Under Water Mouse Script by kurt.grigg@virgin.net

 

Image0=new Image();

Image0.src="http://msh38.ivyro.net/snow.gif";

Amount=10;

 

Ymouse=-50;

Xmouse=-50;

Ypos=new Array();

Xpos=new Array();

Speed=new Array();

rate=new Array();

grow=new Array();

Step=new Array();

Cstep=new Array();

nsSize=new Array();

ns=(document.layers)?1:0;

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

(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

 Ymouse=(document.layers)?evnt.pageY-20:event.y-20;

 Xmouse=(document.layers)?evnt.pageX:event.x;

}

(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

for (i=0; i < Amount; i++){                                                                

 Ypos[i]=Math.random()*WinHeight-Ymouse;

 Xpos[i]=Xmouse;

 Speed[i]=Math.random()*5+1;

 Cstep[i]=0;

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

 grow[i]=4;

 nsSize[i]=Math.random()*10+3;

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

}

if (ns){

for (i = 0; i < Amount; i++){

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></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="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');

}

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

}

function MouseBubbles(){

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

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

for (i=0; i < Amount; i++){

sy = Speed[i]*Math.sin(270*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]*5);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] < -40){

Ypos[i]=Ymouse;

Xpos[i]=Xmouse;

Speed[i]= 2+Math.random()*1;

grow[i]=4;

nsSize[i]=Math.random()*10+5;

}

if (ns){

document.layers['sn'+i].left=Xpos[i]+wscrll;

document.layers['sn'+i].top=Ypos[i]+hscrll;

}

else{

si[i].style.pixelLeft=Xpos[i]+wscrll;

si[i].style.pixelTop=Ypos[i]+hscrll;

si[i].style.width=grow[i];

si[i].style.height=grow[i];

}

grow[i]+=rate[i];

Cstep[i]+=Step[i];

if (grow[i] > 24) grow[i]=25;

}

setTimeout('MouseBubbles()',10);

}

MouseBubbles();

//-->

</script>

 

 <script language="JavaScript">

<!-- Under Water Mouse Script by kurt.grigg@virgin.net

 

Image0=new Image();

Image0.src="http://msh38.ivyro.net/snow.gif";

Amount=10;

 

Ymouse=-50;

Xmouse=-50;

Ypos=new Array();

Xpos=new Array();

Speed=new Array();

rate=new Array();

grow=new Array();

Step=new Array();

Cstep=new Array();

nsSize=new Array();

ns=(document.layers)?1:0;

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

(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

 Ymouse=(document.layers)?evnt.pageY-20:event.y-20;

 Xmouse=(document.layers)?evnt.pageX:event.x;

}

(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

for (i=0; i < Amount; i++){                                                                

 Ypos[i]=Math.random()*WinHeight-Ymouse;

 Xpos[i]=Xmouse;

 Speed[i]=Math.random()*5+1;

 Cstep[i]=0;

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

 grow[i]=4;

 nsSize[i]=Math.random()*10+3;

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

}

if (ns){

for (i = 0; i < Amount; i++){

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></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="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');

}

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

}

function MouseBubbles(){

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

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

for (i=0; i < Amount; i++){

sy = Speed[i]*Math.sin(270*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]*5);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] < -40){

Ypos[i]=Ymouse;

Xpos[i]=Xmouse;

Speed[i]= 2+Math.random()*1;

grow[i]=4;

nsSize[i]=Math.random()*10+5;

}

if (ns){

document.layers['sn'+i].left=Xpos[i]+wscrll;

document.layers['sn'+i].top=Ypos[i]+hscrll;

}

else{

si[i].style.pixelLeft=Xpos[i]+wscrll;

si[i].style.pixelTop=Ypos[i]+hscrll;

si[i].style.width=grow[i];

si[i].style.height=grow[i];

}

grow[i]+=rate[i];

Cstep[i]+=Step[i];

if (grow[i] > 24) grow[i]=25;

}

setTimeout('MouseBubbles()',10);

}

MouseBubbles();

//-->

</script>