Помощник
|
Нужно меню на JS, Недорого |
majekako
|
Сообщение
#1
|
||
|
|
||
|
|||
zalex |
9.11.2008, 13:45;
Ответить: zalex
Сообщение
#2
|
|
Вотприкольная менюшка на JS
Содержимое этой таблицы поместите между <HEAD> и </HEAD> <style> a:link, a:visited, a:active { text-decoration: none; color: navy;} a:hover { text-decoration: none; color: yellow; } </style> <STYLE>.fly { COLOR: aqua; FONT-FAMILY: arial; FONT-SIZE: 20px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2 } .logo {FILTER: shadow(color:996633,direction=225,enabled:1); <!---СОЗДАЕТ ОБЪЕМ ЗАГЛАВИЯ--> COLOR: lightgreen; FONT-FAMILY: times; FONT-SIZE: 35px; LEFT: 30px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; Z-INDEX: 1 } .desc { COLOR: red; FONT-FAMILY: arial; FONT-SIZE: 12px; LEFT: 20px; POSITION: absolute; TEXT-ALIGN: center; TOP: 320px; VISIBILITY: hidden; WIDTH: 400px } </STYLE><script language=JavaScript> /* Show an object */ function showObject(object) { object.visibility = VISIBLE; } /* Hide an object */ function hideObject(object) { object.visibility = HIDDEN; } /* Slide the logo from top to middle */ function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 75); } else initObjects(); } /* Rotate selected objects */ 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); } /* Initialize selected objects for rotation */ function initObjects() { /* Here is the array of HTML elements that will be rotated, from fly1 to fly4 Just put the shortcut variables to the HTML elements in this little array and they will be rotated automatically */ 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(); } /* Variables for rotating objects */ var objects; var pos; var r = 100; // РАДИУС var xoff = 130; // РАССТОЯНИЕ ОТ ЦЕНТРА ОКРУЖНОСТИ ДО ЛЕВОГО КРАЯ var yoff = 170; // РАССТОЯНИЕ ОТ ЦЕНТРА ОКРУЖНОСТИ ДО ВЕРХНЕГО КРАЯ var pi = Math.PI; var inc = pi / 180; // degrees per rotation cycle var objects; // objects to be rotated var pos; // position for objects </SCRIPT> Содержимое этой таблицы поместите между <BODY> и </BODY> <DIV class=fly id=fly1> <P><A href="#top" onmouseout=hideObject(desc1) onmouseover=showObject(desc1)>Важная ссылка !</A> </P></DIV> <DIV class=fly id=fly2 style="z-index:-2"> <P><A href="#top" onmouseout=hideObject(desc2) onmouseover=showObject(desc2) >Java Scripts</A> </P></DIV> <DIV class=fly id=fly3 style="z-index:-2"> <P><A href="#top" onmouseout=hideObject(desc3) onmouseover=showObject(desc3) ><img src="spinstar.gif" border=0></A> </P></DIV> <DIV class=fly id=fly4> <P><A href="#top" onmouseout=hideObject(desc4) onmouseover=showObject(desc4) >Главная</A> </P></DIV> <!----КОММЕНТАРИИ (ПОДСКАЗКИ) К ССЫЛКАМ----> <DIV class=logo id=company> <P>Карусельное меню</P></DIV> <DIV class=desc id=desc1> <P>Комментарий к важной ссылке</P></DIV> <DIV class=desc id=desc2> <P>Оглавление раздела</P></DIV> <DIV class=desc id=desc3> <P>Наши награды</P></DIV> <DIV class=desc id=desc4> <P>Главная страница сайта</P></DIV> <script language=JavaScript> /* Simple version detection */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); /* They can be used in place of hidden and visible because on occasion Navigator has problems with the two */ var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; /* Create shortcut variables for different absolutely positioned elements */ 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 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; /* Begin the sliding of the logo */ slideLogo(0, 140); </SCRIPT> Такая карусель висит где пропишешь, можно и картинки вставлять -------------------- |
|
|
majekako
|
Сообщение
#3
|
|
zalex, Блин я нешарю в єтом вобще мне надо что бы кто-то написал бы это в формате JS, и поставил бы на сайт!
Сообщение отредактировал malish1994 - 9.11.2008, 13:52 -------------------- |
|
|
majekako
|
Сообщение
#4
|
|
Ну так что никто непоможет?
-------------------- |
|
|
Lordie |
9.11.2008, 15:05;
Ответить: Lordie
Сообщение
#5
|
|
Сроки - сутки, цена.. от чего отталкиваться?
|
|
|
majekako
|
Сообщение
#6
|
|
Lordie, Я думаю задание несложное отталкиватся от 10-15$,cроки 1-2 дня!
-------------------- |
|
|
drug |
9.11.2008, 15:30;
Ответить: drug
Сообщение
#7
|
|
Есть специальная прога для генерирования меню на Джаве. Называется она Selteco Menu Maker 4
Забиваешь в поиск ее скачать, скачиваешь устанавливаешь (она вроде бесплатна - стоит давно не помню) и делаешь себе меню хоть вертикальное, хоть горизонтальное, хоть зеленое хоть фиолетовое. Она создает файл .js ,который заливаешь на хост и сама прописывает путь к файлу, котрый вставляешь в страницу хтмл. Вот и все - 10 мин работы. Тю, хотя про картинки не знаю, может можно вставлять.... Сообщение отредактировал drug - 9.11.2008, 15:33 -------------------- |
|
|
majekako
|
Сообщение
#8
|
|
drug, Скачал но та программа неподдежует такого типа как поп-ап меню,а вся фишка в єтом и есть!
-------------------- |
|
|
drug |
9.11.2008, 15:44;
Ответить: drug
Сообщение
#9
|
|
Пардон, извиняюсь. Про поп-ап не подумал...
-------------------- |
|
|
majekako
|
Сообщение
#10
|
|
Есть ли ещо предложения?
-------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Нужно разносить телеграм каналы по разным аккаунтам? | 9 | Mixatraider | 1895 | 20.3.2024, 18:34 автор: Rebex |
|
Сколько времени нужно для раскачки нового сайта? | 29 | metvekot | 8025 | 8.3.2024, 15:41 автор: malamut |
|
Нужно ли закрывать ненужные страницы тегом noindex, follow? | 8 | noviktamw | 2913 | 2.3.2024, 12:53 автор: toplinks |
|
Нужно сделать репост статей в соц сети | 1 | HavingingWorld | 2488 | 27.2.2024, 2:15 автор: AndrePro |
|
Нужно ли указывать регион для сайта? | 2 | rownong27 | 1199 | 18.2.2024, 23:20 автор: rownong27 |
Текстовая версия | Сейчас: 23.4.2024, 10:17 |