Русский
<стиль> .fly {цвет:336c6c;семейство шрифтов:arial;размер шрифта:24px;позиция:абсолютный; видимость: скрытый; z-индекс: 2;} .logo {семейство шрифтов: раз; размер шрифта: 48 пикселей; цвет: синий; позиция: абсолютная; сверху: 0 пикселей; слева: 70 пикселей; видимость:видимый;z-индекс:1;} .desc {text-align: center;font-family:楷体_GB2312; размер шрифта: 18 пикселей; цвет: # 336c6c; положение: абсолютное; сверху: 220 пикселей; слева: 140 пикселей; ширина: 400 пикселей; видимость: скрыто; z-index:0;} BODY {background:#c0c0c0;} A {цвет:лайм;} A:HOVER {цвет: желтый;} </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers) ? true: false ie4 = (document.all)? true:false function showObject(obj) { if (ns4) obj.visibility = "показать" else if (ie4) obj.visibility = "visible" } functionideObject(obj) { if (ns4) obj.visibility = "hide" иначе, если (ie4) obj.visibility = "скрытый" } function слайдLogo(from, to) { if (from <to) {company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 20); } Еще initObjects(); } function RotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; объекты[i].visibility = 'видимый'; объекты[i].left = (r * Math.cos(pos[i])) + xoff } RotateTimer = setTimeout("rotateObjects()", 50); } Функция initObjects () {объекты = новый массив (fly1, Fly2, Fly3, Fly4); поз = новый массив (); позиция[0] = 0; for (var i = 1; i <objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi)/objects.length)); } RotateObjects(); } /* Переменные для вращения объектов */ varobjects; вар пос; вар р = 160; // радиус var xoff = 280; // смещение по оси x var yoff = 170; // смещение по оси y var pi = Math.PI; // получаем число пи var inc = pi/180; // градусов за цикл вращения varobjects; // объекты, которые нужно повернуть var pos; // положение объектов </script> <body BGCOLOR="#c0c0c0" link="green" TEXT="black"> <div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver= "showObject(desc1)" onMouseOut="hideObject(desc1)"> <p>Элемент 1</a><br></p> </div><div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)"> <p>Элемент 2</a><br></p> </div><div ID="fly3" CLASS ="fly"><a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)"> <p>Пункт 3</a><br></p> </div>< div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)"> <p>Пункт 4</a><br></ p> </div><div ID="company" CLASS="logo"> <p><small>ДОБРО ПОЖАЛОВАТЬ В РАБОЧУЮ КОМНАТУ МЕЧТЫ</small></p> </div><div ID="desc1" CLASS= "desc"> <p>Элемент 1: элемент </p> </div><div ID="desc2" CLASS="desc"> <p>Элемент 2: элемент </p> </div><div ID ="desc3" CLASS="desc"> <p>Элемент 3 的内容 </p> </div><div ID="desc4" CLASS="desc"> <p>Элемент 4 的内容 </p> < /div><script LANGUAGE="JavaScript"> /* Простое определение версии */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);/* Их можно использовать вместо скрытый и видимый, потому что иногда у Navigator возникают проблемы с двумя */ var HIDDEN = (isNS) ? 'скрыть': 'скрытый'; вар ВИДИМЫЙ = (isNS) ? 'показать': 'видимый'; /* Создаем переменные быстрого доступа для разных абсолютно позиционированных элементов */ var Fly1 = (isNS) ? document.fly1 : document.all.fly1.style; вар Fly2 = (isNS) ? document.fly2 : document.all.fly2.style; вар Fly3 = (isNS) ? document.fly3 : document.all.fly3.style; вар Fly4 = (isNS) ? document.fly4 : document.all.fly4.style; вар компания = (isNS)? документ.компания: документ.все.компания.стиль; вар desc1 = (isNS) ? document.desc1 : document.all.desc1.style; вар desc2 = (isNS) ? document.desc2 : document.all.desc2.style; вар desc3 = (isNS) ? document.desc3 : document.all.desc3.style; вар desc4 = (isNS) ? document.desc4 : document.all.desc4.style; /* Начинаем перемещение логотипа компании */lideLogo(0, 140); </скрипт>
