Ветеран
Сообщения: 2764
Благодарности: 315
|
Профиль
|
Отправить PM
| Цитировать
Не буду создавать новую тему  :
Цитата:
Всем привет.
Есть время свободное и захотел сайт сделать.
С версткой НТМЛ проблем нет(кроме блочной, которую я не знаю), но захотелось сделать менюшку с меняющимися кнопками.
Есть 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>
При наведении пункт меню становится зеленым
|
|
-------
How to bypass iCloud lock on Apple iPad 2, 3, 4,
Air, mini and Pro
Отправлено: 15:13, 21-02-2009
| #4
|