<style>
.fly {
COLOR: aqua;
FONT-FAMILY: arial;
FONT-SIZE: 30px;
POSITION: absolute;
VISIBILITY: hidden;
Z-INDEX: 2
}
.logo {
COLOR: blue;
FONT-FAMILY: times;
FONT-SIZE: 55px;
LEFT: 30px;
POSITION: absolute;
TOP: 0px;
VISIBILITY: visible;
Z-INDEX: 1
}
.desc {
COLOR: aqua;
FONT-FAMILY: arial;
FONT-SIZE: 12px;
LEFT: 40px;
POSITION: absolute;
TEXT-ALIGN: center;
TOP: 220px;
VISIBILITY: hidden;
WIDTH: 400px
}
BODY
A {COLOR: lime}
A:VISITED {text-decoration:none;}
A:LINK {text-decoration: none;}
A:hover {COLOR: yellow; TEXT-DECORATION: none}
</style>
<script language="JavaScript">
function showObject(object) {
object.visibility = VISIBLE;
}
function hideObject(object) {
object.visibility = HIDDEN;
}
function slideLogo(from, to) {
if (from < to) {
company.top = (from += 10);
setTimeout('slideLogo(' + from + ',' + to + ')', 75);
}
else initObjects();
}
function rotateObjects() {
for (var i = 0; i < pos.length; i++) {
pos[i] += inc; objects[i].visibility = 'visible';
objects[i].left = (r * Math.cos(pos[i])) + xoff
objects[i].top = (r * Math.sin(pos[i])) + yoff;
}
rotateTimer = setTimeout("rotateObjects()", 70);
}
function initObjects() {
objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6);
pos = new Array();
pos[0] = 0;
for (var i = 1; i < objects.length; i++) {
pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
}
rotateObjects();
}
var objects;
var pos;
var r = 155; // radius
var xoff = 180; // x offset
var yoff = 170; // y offset
var pi = Math.PI; // get pi
var inc = pi / 180; // degrees per rotation cycle
var objects; // objects to be rotated
var pos; // position for objects
</script>
</head>
<body bgcolor="#000000" bgproperties="fixed">
<div class="fly" id="fly1">
<p><a onmouseout="hideObject(desc1)" onmouseover="showObject(desc1)"
href="" ><b>Ссылка 1</b></a></p>
</div>
<div class="fly" id="fly2">
<p><a onmouseout="hideObject(desc2)" onmouseover="showObject(desc2)"
href="" ><b>Ссылка 2</b></a></p>
</div>
<div class="fly" id="fly3">
<p><a onmouseout="hideObject(desc3)" onmouseover="showObject(desc3)"
href=""><b>Ссылка 3</b></a></p>
</div>
<div class="fly" id="fly4">
<p><a onmouseout="hideObject(desc4)" onmouseover="showObject(desc4)"
href=""><b>Ссылка 4</b></a></p>
</div>
<div class="fly" id="fly5">
<p><a onmouseout="hideObject(desc5)" onmouseover="showObject(desc5)"
href=""><b>Ссылка 5</b></a></p>
</div>
<div class="fly" id="fly6">
<p><a onmouseout="hideObject(desc6)" onmouseover="showObject(desc6)"
href=""><b>Ссылка 6</b></a></p>
</div>
<div class="logo" id="company">
<p><font color="yellow"> Заголовок</font></p>
</div>
<div class="desc" id="desc1">
<p><b>Подсказка 1</b></p>
</div>
<div class="desc" id="desc2">
<p><b>Подсказка 2</b></p>
</div>
<div class="desc" id="desc3">
<p><b>Подсказка 3</b></p>
</div>
<div class="desc" id="desc4">
<p><b>Подсказка 4</b></p>
</div>
<div class="desc" id="desc5">
<p><b>Подсказка 5</b></p>
</div>
<div class="desc" id="desc6">
<p><b>Подсказка 6</b></p>
</div>
<script language="JavaScript">
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style;
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style;
var company = (isNS) ? document.company : document.all.company.style;
var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
var desc5 = (isNS) ? document.desc5 : document.all.desc5.style;
var desc6 = (isNS) ? document.desc6 : document.all.desc6.style;
slideLogo(0, 140);
</script>
