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
| |||||
Категория: JavaScript's | Просмотров: 3826 | Добавил: antisept | Рейтинг: 4.0/1 | | |||||
Теги: |
Пока комментариев нет. Ты можешь быть первым! | |
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).