Uncle Jim's Web Designs: DHTML-animated circle mouseover

COPY - Insert Between Head Tags: <HEAD></HEAD>

var x,y
var step=5
var flag=1
var pause
var timersmall
var timerbig

var isbigcircle=1

var pause=50

var bigradius
var smallradius=50
var startwinkel=1

var imgnumber=12
var imgsrc="star111.gif"

var xcenter
var xcenter

var pi= Math.PI

function onresizer() {
	clearTimeout(timerbig)
	clearTimeout(timersmall)
	initiate()
}

function initiate() {
	var initiatetimer=setTimeout("initiate2()",2000)
}

function initiate2() {
	if (document.layers) {
		xcenter=Math.floor(screen.width/2)
		ycenter=Math.floor(window.innerHeight/2)
	}
	if (document.all) {
		xcenter=Math.floor(document.body.clientWidth/2)
		ycenter=Math.floor(document.body.clientHeight/2)
		
	}
	bigradius=ycenter
	bigcircle()
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
	flag=1
}

function presmallcircle() {
	isbigcircle=0
	clearTimeout(timerbig)
	smallcircle()
}

function prebigcircle() {
	isbigcircle=1
	clearTimeout(timersmall)
	bigcircle()
}

window.onoad=initiate()
//--></script>
<style type="text/css">
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
	color:FFCC00
}

.linktofun {
	position:absolute; 
	top:240px; 
	left:5px; 
	width:360px; 
	color: F5DEB5;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	font-weight:bold;
}

.explain {
	position:absolute; 
	top:240px; 
	left:310px; 
	width:360px; 
	color: F5DEB5;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	font-weight:bold;
}
A { font-family: Arial,Helvetica,sans-serif; 
	color: #FFCC00;
	text-decoration:underline 
}
A:visited { 
	color: #F5DEB5;
}
</style>

COPY - Insert Inside Body: <BODY></BODY>

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
document.onresize = onresizer;

//--></script>
<DIV id=source class="explain"><a href="http://www.jdstiles.com/" target="_blank" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()">See my home page here</a></DIV>
<DIV id=source class="linktofun"><a href="http://jdstiles.com/javamain.html" target="_blank" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()">JavaScript Examples are here.</a></DIV>

Uncle Jim's Web Designs

DHTML Mouseover Orbital Animation