Tony's World Scripts!
Hello. Welcome to my javascript navigation page. There's not much here right now, but as I come up with new menu's or menu enhancements, I will post them here. Happy hunting!

Nice little side menu.
One of my most requested scripts! This highly customizable script will add a little menu onto the side of whatever page it is put into. It can be transparent or have a background color. You decide :) Have fun with this one.

<html><center>
<head>
<title>Tony's World!</title>
<style>

<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
</head>
<body bgcolor="#000000" text="#FFFFFF" link="blue">
<script language="JavaScript1.2">

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="My links page"
sitems[1]="My update page"
sitems[2]="My fun page"
sitems[3]="My bands page"
sitems[4]="My AntiAngelfire page"
sitems[5]="The Peoples page"
sitems[6]="My main index page"
sitems[7]="My secondary index page"

//These are the links pertaining to the above text.
sitemlinks[0]="https://www.angelfire.com/ar2/antonio/Otherpeoplessites!.html"
sitemlinks[1]="https://www.angelfire.com/ar2/antonio/letstalkaboutcrap.html"
sitemlinks[2]="https://www.angelfire.com/ar2/antonio/2kool4u.html"
sitemlinks[3]="https://www.angelfire.com/ar2/antonio/coolbands.html"
sitemlinks[4]="https://www.angelfire.com/ar2/antonio/antiangelfire.html"
sitemlinks[5]="https://www.angelfire.com/ar2/antonio/ideas.html"
sitemlinks[6]="https://www.angelfire.com/ar2/antonio/index.html"

sitemlinks[7]="https://www.angelfire.com/ca6/alien/index.html"

for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>

</BODY>
</html>

Browser within a browser?
Feel free to email me if you find a use for this one hehehehe. It just adds a browser window where a visitor can surf the net through your site. Try it here.

<!-- THREE STEPS TO INSTALL BROWSER:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag
  3.  Put the last coding into the BODY of your HTML document  -->

<HEAD>

</script>

</HEAD>

Link enhancement.
I put this script here because a lot of people use stand-alone links as their primary method of site navigation. With a little customization here and there, you can add a nice little effect to a few links. Wanna see what it looks like? You already have, but if you forgot already you may click here.

<html>
<head>
	
<style type="text/css">
.clButtons{position:absolute; width:47; height:10; top:20; visibility:hidden; z-index:10; font-family:arial,helvetica; font-size:12px}
#divCircle{position:absolute; width:10; height:10; z-index:1; top:-50}
</style>
<script type="text/javascript" language="JavaScript">
//Default browsercheck, added to all scripts!
function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}
bw=new checkBrowser()
//Variables to set
numItems=4 //How many menu items do you want?

circleXstart=460 //Where should the circle start and end, x position
circleYstart=-20 //Where should the circle start and end, y position
circleXoffset=5	//The offset between the buttons X position and the circles X position on mouseover
circleYoffset=-3 //The offset between the buttons Y position and the circles Y position on mouseover

circlePXspeed=5 //How many pixels the circle will move per timeout
circleTspeed=10 //Timeout speed in milliseconds

circleStay=1 //Set this to 0 if you don't want the circle to stay on the active link when a link is clicked.

//NOTE: To set the placement of the buttons, see the slideball_init() function!

/****************************************************************************
Cross-browser object part...You should not need to edit anything this
part.
****************************************************************************/
function makeObj(obj,nest,x,y){nest=(!nest) ? '':'document.'+nest+'.'		
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;		
this.evnt=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?this.css:0;			
this.showIt=b_showIt; this.moveIt=b_moveIt; this.slide=b_slide; this.slideIt=b_slideIt;			
this.obj = obj + "Object"; 	eval(this.obj + "=this"); return this}
function b_showIt(){this.css.visibility="visible"}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
function b_slideIt(endx,endy,inc,speed,fn,wh) {
if (!this.slideactive) {var distx = endx - this.x;var disty = endy - this.y
var num = Math.sqrt(Math.pow(distx,2) + Math.pow(disty,2))/inc
var dx = distx/num;var dy = disty/num; this.slideactive = 1; this.slide(dx,dy,endx,endy,speed,fn,wh)}}
function b_slide(dx,dy,endx,endy,speed,fn,wh) { if (!fn) fn = null; if(!wh) wh=null
if (this.slideactive && (Math.floor(Math.abs(dx))<Math.floor(Math.abs(endx-this.x)) || 
Math.floor(Math.abs(dy))<Math.floor(Math.abs(endy-this.y)))) { this.moveIt(this.x+dx,this.y+dy); eval(wh)
slidTim=setTimeout(this.obj+".slide("+dx+","+dy+","+endx+","+endy+","+speed+",'"+fn+"','"+wh+"')",speed)
}else{this.slideactive = 0;this.moveIt(endx,endy);eval(fn)}}

/****************************************************************************
The init function. This is where you set the placement of the Buttons.
****************************************************************************/
function slideball_init(){
	oBut=new Array()
	for(i=0;i<=numItems;i++){
		oBut[i]=new makeObj('divButton'+i)
	}
	oCircle=new makeObj('divCircle')
	//Set the placement of each individual button below.
	//Syntax: oBut[num].moveIt(xplacement,yplacement)
	oBut[0].moveIt(620,200) 
	oBut[1].moveIt(540,200)
	oBut[2].moveIt(460,200)
	oBut[3].moveIt(380,200)
	oBut[4].moveIt(280,200)
	oCircle.moveIt(circleXstart,circleYstart)
	//Showing the buttons
	for(i=0;i<=numItems;i++){
		oBut[i].showIt()
	}
}

/****************************************************************************
Mouseover and mouseout functions.
****************************************************************************/
var slidTim=100;
var active=-1
function sbmover(num){
	clearTimeout(slidTim)
	oCircle.slideactive=false
	oCircle.slideIt(oBut[num].x+circleXoffset,oBut[num].y+circleYoffset,circlePXspeed,circleTspeed)
}
function sbmout(num){
	clearTimeout(slidTim)
	oCircle.slideactive=false
	if(active>-1 && circleStay)oCircle.slideIt(oBut[active].x+circleXoffset,oBut[active].y+circleYoffset,circlePXspeed,circleTspeed)
	else oCircle.slideIt(circleXstart,circleYstart,circlePXspeed,circleTspeed)
}
function changeListing(num){
	active=num
}

//Starting the script when the balls load.
if(bw.bw) onload=slideball_init;
</script>
</HEAD>
<BODY bgcolor="White">

<div id="divButton0" class="clButtons"><a href="https://www.angelfire.com/ar2/antonio/scripts2.html" onmouseover="sbmover(0)" onmouseout="sbmout(0)" onclick="changeListing(0)">Original script page.</a></div>

<div id="divButton1" class="clButtons"><a href="https://www.angelfire.com/ar2/antonio/scripts.html" onmouseover="sbmover(1)" onmouseout="sbmout(1)" onclick="changeListing(1)">Links.</a></div>

<div id="divButton2" class="clButtons"><a href="https://www.angelfire.com/ar2/antonio/scripts3.html" onmouseover="sbmover(2)" onmouseout="sbmout(2)" onclick="changeListing(2)">Images.</a></div>

<div id="divButton4" class="clButtons"><a href="https://www.angelfire.com/ar2/antonio/scripts5.html" onmouseover="sbmover(4)" onmouseout="sbmout(4)" onclick="changeListing(4)">Experimental.</a></div>