Колесо ссылок - посмотреть код бесплатно


                        
<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>
wen
Комментарии
Без комментариев...
Поделиться кодом

Пожаловаться на код

Переслать код
