Показать полную графическую версию : Проблема с меню на js
Bullet-Avalon
15-02-2009, 09:21
Добрый день, вот скачал прогу по созданию меню на javascript - Easy Button&Menu Maker.
Создал там по шаблону меню, все норм , в папку закинул файлы картинок кнопок, файл со стилями и js. Прога выдала код выставил его в основоной код на сайте все норм появилось меню с эффектами .
А вот когда проделываю туже самую операцию, но создаю еще одно меню, ну например чтобы было на сайте верт и горизон менюшки, и когда вставляю второе меню на сайт (указываю уже др папку где хранятся файлы от 2 менюшки, стили и js файл), беру код и так же его вставляю на сайт, то почемуто и у 1-го и у 2-го меню пропадают эффекты, ну типа чтобы при наведении мыши оно подсвечивалось и тп. (если 1 меню то все есть, если 2 менюшки, то все норм - тока нет эффектов).
Какие будут у вас соображения по этому поводу.
D_Master
15-02-2009, 09:35
Какие будут у вас соображения по этому поводу. »
Ну, для начала, неплохо бы продемонстрировать эти скрипты ;)
Если ты скопировал скрипты, то возможно получились одинаковые id, а этого быть не должно.
pasha4ur
21-02-2009, 15:13
Не буду создавать новую тему :) :
Всем привет.
Есть время свободное и захотел сайт сделать.
С версткой НТМЛ проблем нет(кроме блочной, которую я не знаю), но захотелось сделать менюшку с меняющимися кнопками.
Есть 2 варианта:
1. Сделать кнопки рисунками, но надо будет рисовать по 2 кнопки с текстом, а если потом добавлять, то еще и дорисовывать. + сайт будет много весить.
2. Менять фоновые изображения в каждой клетке меню при наведении.
Я в ДжаваСкриптах не шарю. Нашел в Интернет только, как фоновые цвета менять при наведении. Я её отредактировал, но что-то с картинками не получается. Подскажите, где подправить?
<script type="text/JavaScript">
<!--
function newColor(idCell1) {
eval('document.all.'+idCell1+'.style.background-image= "url(images/hov_gr_but.jpg)"');
eval('document.getElementById("' + idCell1 + '").style.background-image= "url(images/hov_gr_but.jpg)"');
}
function backColor(idCell1) {
eval('document.all.'+idCell1+'.style.background-image = "url(images/hov_bl_but.jpg)"');
eval('document.getElementById("' + idCell1 + '").style.background-image = "url(images/hov_bl_but.jpg)"');
}
//-->
</script>
<table width="163" cellpadding="10" cellspacing="0" align="center">
<tr height="44" onMouseOver="newColor('c1')" onMouseOut="backColor('c1')">
<td id="c1" background="./images/hov_gr_but.jpg">1</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">2</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">3</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">4</td>
</tr>
<tr height="44">
<td background="./images/hov_bl_but.jpg">5</td>
</tr>
</table>
При наведении пункт меню становится зеленым
pasha4ur, мне кажется это можно сделать при помощи CSS.
Проверить сейчас не могу, редактор занят. :)
pasha4ur
21-02-2009, 17:59
:search:
Что бы это значило? :)
Скажем примерно так:
.navimages li span{cursor:pointer; }
.navimages li span:hover{background-image: url(i/3.png); }
.navimages li span:active{ background-image: url(i/2.png); }
<div class="navimages">
<ul>
<li><span onclick="" > Получить ссылки </span></li>
<li><span onclick=""> Сортировать </span> </li>
</ul>
</div>
Правда вот для каждой кнопки нужно своё изображение. Как указать ширину и высоту кнопки не понятно.
pasha4ur
22-02-2009, 16:11
Спан - это блочная верстка? Я в ней вообще не шарю
Правда вот для каждой кнопки нужно своё изображение. »
Так можно такое и в дримвивере сделать :(
Блин в прошлом году загорелся и на этом же этапе остановился. Никто не знал как сделать. И теперь снова :( Эх-х-х-х-
pasha4ur
23-02-2009, 14:49
А есть ли какой-нибудь мегапрошаренный форум веб-программистов?
Дайте плиз ссылочку. Пойду на третем форуме помощь просить :(
pasha4ur
http://forum.vingrad.ru/index.php - форум программистов
http://forum.javascript.ru/ - скорее всего тот самый :)
pasha4ur, если что получиться - поделись. :)
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.