Показать сообщение отдельно
  #1 (permalink)  
Старый 24.02.2009, 18:15
Интересующийся
Отправить личное сообщение для pasha4ur Посмотреть профиль Найти все сообщения от pasha4ur
 
Регистрация: 24.02.2009
Сообщений: 11

Меню на Javascript
сем привет.

Есть время свободное и захотел сайт сделать.
С версткой НТМЛ проблем нет(кроме блочной, которую я не знаю), но захотелось сделать менюшку с меняющимися кнопками.

Есть 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>

При наведении пункт меню становится зеленым

П.С. Пишу уже на третий форум (теперь специализированный). Нигде так и не помогли

Последний раз редактировалось Андрей Параничев, 24.02.2009 в 18:27. Причина: Пользуйтесь bb-тегами [js] и [html] для оформления листингов кода в теле сообщения
Ответить с цитированием