|
| |
|
|
|
|
|
|
|
|
|
|
| |
|
|
|
|
|
|
Topic : Mouse Orbitter
|
|
Author : Ed Dekker
|
Total Visits: 145
|
|
Published Date:
Tuesday, August 29, 2000
|
|
|
<script language="javascript">
<!--
/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Script by Ed Dekker, 2000
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
variables:
orbitstyle : div style (IE)
orbitlayer : layer style (NAV)
(Keep Mouse Pointer on Image)
orbitFont : layer font-family (NAV)
orbitFontSize : layer font-size (NAV)
step = orbit-speed in degrees (380/step = speed)
om_x = X -> size of circle
om_y = Y -> size of circle
(if om_x = om_y: shape=circle, else shape = elipse)
f = startingpoint (degrees) on circle
timerDelay = delay for setTimeout
x_bias = compensation X ; see .orbitstyle (id=orbit) width/height!
y_bias = compensation Y ; see .orbitstyle (id=orbit) width/height!
orbitText = text incl. HTML tags (may include <IMG ...)
*/
var orbitText = '<center>Welcome to WAPage.vdirect.com </center>';
// var orbitText = '<img src="-----.gif" width="50" height="50">'
var orbitstyle = 'position: absolute; visibility:visible; font-family:Arial; font-size:15px; width=150px; height=100px; top:-200px; left:-200px; z-index:1;'
var orbitlayer = 'top=-200 left=-200 width=150 height=100 visibility="show"'
var orbitFont = 'Arial, Helvetica';
var orbitFontSize = '17px';
var step = 3;
var om_x = 85;
var om_y = 48;
var x_bias = 65;
var y_bias = 23;
timerDelay = 2;
var timer; var a; var b; var ax; var ay; var x; var y; var f = 0;
// this handles the onmouseover event
function handle(ev)
{
clearTimeout(timer);
x = (document.layers) ? ev.pageX : event.clientX
y = (document.layers) ? ev.pageY : event.clientY
timer = setTimeout("turn()",1)
return true;
}
// this sets the X/Y positions of the orbit-DIV
function turn()
{
if (f>360) {f = 0}
//niftyMath(tm)
a = Math.sin(f/180*3.1415);
b = Math.cos(f/180*3.1415);
ax = (x - x_bias) + (om_x * a)
ay = (y - y_bias) + (om_y * b)
if (document.all)
{
document.all.orbit.style.posLeft = ax;
document.all.orbit.style.posTop = ay;
}
else
{
document.orbit.moveToAbsolute(ax,ay);
}
f += step;
timer=setTimeout("turn()",timerDelay);
}
//-->
</script>
<body bgcolor="#FFFFEF">
<script>
if (document.layers) {window.captureEvents(Event.MOUSEMOVE); window.onmousemove = handle; }
else { document.onmousemove = handle; }
if (document.layers) {
document.write('<layer id="orbit" ')
document.write(orbitlayer)
document.ids.orbit.fontFamily=orbitFont;
document.ids.orbit.fontSize=orbitFontSize;
}
else {
document.write('<div id="orbit" ')
document.write('style="' + orbitstyle + '">') }
document.write('<p align="center">' + orbitText + '</p>')
if (document.layers) {
document.write('</layer>') }
else {
document.write('</div>') }
//-->
</script>
<!-- your page here -->
<p align="center"><br>
</p>
<!-- -->
</body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|