Главная » 2009 » Май » 6 » Облако тегов (Javascript)
06.05.2009, 19:01

Облако тегов




Code
<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">

<a onmouseout="hideObject(desc1)" onmouseover="showObject(desc1)" href="" ><b>Ссылка 1</b></a></p> </div> <div class="fly" id="fly2">

<a onmouseout="hideObject(desc2)" onmouseover="showObject(desc2)" href="" ><b>Ссылка 2</b></a></p> </div> <div class="fly" id="fly3">

<a onmouseout="hideObject(desc3)" onmouseover="showObject(desc3)" href=""><b>Ссылка 3</b></a></p> </div> <div class="fly" id="fly4">

<a onmouseout="hideObject(desc4)" onmouseover="showObject(desc4)" href=""><b>Ссылка 4</b></a></p> </div> <div class="fly" id="fly5">

<a onmouseout="hideObject(desc5)" onmouseover="showObject(desc5)" href=""><b>Ссылка 5</b></a></p> </div> <div class="fly" id="fly6">

<a onmouseout="hideObject(desc6)" onmouseover="showObject(desc6)" href=""><b>Ссылка 6</b></a></p> </div>  <div class="logo" id="company">

<font color="yellow"> Заголовок</font></p> </div>  <div class="desc" id="desc1">

<b>Подсказка 1</b></p> </div> <div class="desc" id="desc2">

<b>Подсказка 2</b></p> </div> <div class="desc" id="desc3">

<b>Подсказка 3</b></p> </div> <div class="desc" id="desc4">

<b>Подсказка 4</b></p> </div> <div class="desc" id="desc5">

<b>Подсказка 5</b></p> </div> <div class="desc" id="desc6">

<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>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3751 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: тегов, облако
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]