AceJS.com > Script number: 110003

The Script

The Source

The images: Right Click on them and choose "Save Picture As..." from the menu. (Make sure you Don't change their filenames and you save all of them in the same folder)

<HTML>
<HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE>
</HEAD>
<BODY>
<STYLE type="text/css">
.topbox {background-color:#78D2FF;border-style:none;font-family:arial;font-size:7px;}
.mainL {width:131px;border-style:ridge;border-width:5px;border-color:#0022FF;position:absolute; background-color:#78D2FF;visibility:show; left:20px; top:20px; z-index:2;}
a.movelink {color:#000000; text-decoration:none; font-family:arial; font-size:7px;}
</STYLE>
<div id="movmenu" class=mainL>
<table class=topbox border=0 width=100%>
<tr>
<td>
<SCRIPT LANGUAGE="JavaScript">
var musiccount=1;
function playmusic(){
if ((musiccount > 10) || (musiccount < 1)){musiccount=1;}
if (musiccount==1){document.all.music.src="1.mid";} // 1.mid is the file name of the first music file, 2.mid is the name of the second music file and so on. Change the file name of to the file name you need but make sure that you change all occurrences of the file name to the new name
if (musiccount==2){document.all.music.src="2.mid";}
if (musiccount==3){document.all.music.src="3.mid";}
if (musiccount==4){document.all.music.src="4.mid";}
if (musiccount==5){document.all.music.src="5.mid";}
if (musiccount==6){document.all.music.src="6.mid";}
if (musiccount==7){document.all.music.src="7.mid";}
if (musiccount==8){document.all.music.src="8.mid";}
if (musiccount==9){document.all.music.src="9.mid";}
if (musiccount==10){document.all.music.src="10.mid";}
}
function stopmusic(){
document.all.music.src='';
}
function forwardmusic(){
musiccount++;
if ((musiccount > 10) || (musiccount < 1)){musiccount=1;}
if (musiccount==1){document.all.music.src="1.mid";}
if (musiccount==2){document.all.music.src="2.mid";}
if (musiccount==3){document.all.music.src="3.mid";}
if (musiccount==4){document.all.music.src="4.mid";}
if (musiccount==5){document.all.music.src="5.mid";}
if (musiccount==6){document.all.music.src="6.mid";}
if (musiccount==7){document.all.music.src="7.mid";}
if (musiccount==8){document.all.music.src="8.mid";}
if (musiccount==9){document.all.music.src="9.mid";}
if (musiccount==10){document.all.music.src="10.mid";}
}
function rewindmusic(){
musiccount--;
if ((musiccount > 10) || (musiccount < 1)){musiccount=1;}
if (musiccount==1){document.all.music.src="1.mid";}
if (musiccount==2){document.all.music.src="2.mid";}
if (musiccount==3){document.all.music.src="3.mid";}
if (musiccount==4){document.all.music.src="4.mid";}
if (musiccount==5){document.all.music.src="5.mid";}
if (musiccount==6){document.all.music.src="6.mid";}
if (musiccount==7){document.all.music.src="7.mid";}
if (musiccount==8){document.all.music.src="8.mid";}
if (musiccount==9){document.all.music.src="9.mid";}
if (musiccount==10){document.all.music.src="10.mid";}
}
function music1(){
document.plbtn.src="play2.gif";}
function music2(){
document.plbtn.src="play1.gif";}
function music3(){
document.stbtn.src="stop2.gif";}
function music4(){
document.stbtn.src="stop1.gif";}
function music5(){
document.ffbtn.src="ff2.gif";}
function music6(){
document.ffbtn.src="ff1.gif";}
function music7(){
document.rrbtn.src="rr2.gif";}
function music8(){
document.rrbtn.src="rr1.gif";}
</SCRIPT><CENTER>
<img src="rr1.gif" BORDER="0" onClick="rewindmusic()" name="rrbtn" onMouseOver="music7()" onMouseOut="music8()">
<img src="play1.gif" name="plbtn" BORDER="0" onClick="playmusic()" onMouseOver="music1()" onMouseOut="music2()">
<img src="stop1.gif" onClick="stopmusic()" name="stbtn" BORDER="0" onMouseOver="music3()" onMouseOut="music4()">
<img src="ff1.gif" BORDER="0" onClick="forwardmusic()" name="ffbtn" onMouseOver="music5()" onMouseOut="music6()"></CENTER>
<bgsound src="#" id=music loop=1 autostart="true"><A class=movelink style="cursor:move;" onclick="InitializeMove()">
Click to move, Double Click to stop</A></td>
</tr>
</table>
</div>
<div id="emptycell" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"></div>
<script language="JavaScript1.2">

var XX = -70;
var YY = -70;
var cur_one = "emptycell"
var moving = false;
var xpos1 = 20;
var ypos1 = 20;
var myX = 0;
var myY = 0;

function InitializeMove() {
cur_one = "movmenu";
XX = eval("xpos1");
YY = eval("ypos1");
}

function CaptureMove() {
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
}

function EndMove() {
if (document.layers) document.releaseEvents(Event.MOUSEMOVE);

cur_one = "emptycell"
moving = false;
document.close();
}

function WhileMove() {

if (document.all) {
    eval(cur_one+".style.left="+myX);
    eval(cur_one+".style.top="+myY);
  }
  
  if (document.layers) {
    eval("document."+cur_one+".left="+myX);
    eval("document."+cur_one+".top="+myY);
  }
}

function MoveHandler(e) {

myX = (document.all) ? event.clientX : e.pageX;
myY = (document.all) ? event.clientY : e.pageY;

if (!moving) {
    diffX =  XX - myX;
    diffY = YY - myY;
    moving = true;
  if (cur_one == "emptycell") moving = false;
}
myX += diffX;
myY += diffY;

if (moving) {
    xpos1 = myX;
    ypos1 = myY;
  }

WhileMove();
}

function ClearError() {
return true;
}

if (document.layers) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
document.onmousemove = MoveHandler;
document.onclick = CaptureMove;
document.ondblclick = EndMove;
window.onerror = ClearError;
WhileMove();
</script>
<P>
<B><A HREF="http://www.AceJS.com">AceJS.com</A> The JavaScript Directory</B>
</BODY>
</HTML>