步驟一 :
將以下程式碼複製 , 貼在網頁原始檔HTML <body> 與 </body> 之間 .
<script language="javascript">
<!--
/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Original script by Ed Dekker, 2000
May be copied freely, please leave authors name unchanged.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
variables:
orbitstyle : div style (IE)
orbitlayer : layer style (NAV)
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><font color="#99CC00">★ HOT SHOW ★</font></center>';
//adjust your font face and size here
var orbitstyle = 'position: absolute; visibility:visible; font-family:Arial; font-size:12px; 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 = '12px';
var step = 5; //修改移動速度,值愈大移動速度愈快
var om_x = 100;
var om_y = 60;
var x_bias = 65;
var y_bias = 25;
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>
<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>