КОЛЛЕКЦИЯ
АВТОРСКИЕ
КАК СДЕЛАТЬ
ИСТОРИЯ
Смайлики других авторов
Смайлики работы автора
Как самому сделать смайлик
как создавались смайлики
пример в действии:
код скрипта с пояснениями:
<title>Динамическое позиционирование CSS при помощи JavaScript для IE4/5, NC4 и NC5(6)</title> <meta name="Generator" content="Visual HTML Workshop 2.5 [SNK]"> <meta name="Author" content="Serg"> <style type="text/css"><!-- .fly { font-family: arial; font-size: 24px; color: #FFFFFF; position: absolute; visibility: hidden; z-index: 2; } .logo { font-family: sans; font-size: 72px; color: #F3FD42; position: absolute; top: 0px; left: 30px; visibility: visible; z-index: 1; } .desc { text-align: center; font-family: arial; font-size: 12px; color: #009000; position: absolute; top: 220px; left: 40px; width: 400px; visibility: hidden; z-index: 0; } BODY { background: #006000; } A { color: #FFFFFF; } --></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()", 75); } // Инициализируем слои function initObjects() { /* Объявляем массив слоев, назвав их fly1...fly4 В принципе, можно добавить сюда еще */ objects = new Array(fly1, fly2, fly3, fly4); 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 = 160; // радиус var xoff = 180; // смещение по x var yoff = 170; // смещение по y var pi = Math.PI; // Число Пи var inc = pi / 180; // смещение за период вращения var objects; // слои для вращения var pos; // расположение слоев //--></script> <div id="fly1" class="fly"> <a href="#" onMouseOver="showObject(desc1)" onMouseOut="hideObject(desc1)">О нас</a>
