| |
|
|
| | Добрй вечер!
Помогите пожалуйста избавиться от строковых операторов в панели навигации.
Насколько хватило соображалки, думаю задействавать функцию.
Привожу код для одной кнопки. Функция обращается к свойствам через идентификатор(ID). Нужно сделать 8 таких кнопок, простое копирование не поможет. Конечно можно написать функцию для каждой кнопки, но это проблему не решает. Как поступить, чтобы одна функция работала на все кнопки?
Вот пример кода:
<table>
<tr>
<td id="button1" style="width:100px;height:23px;background-image:url(menu.jpg);" background="menu.ipg"¬
onmouseover="menu_on()" onmouseout="menu_off()"><a href="url" id="link">LINK<a></td>
</tr>
</table>
<script type="text/javascript"><!--
function menu_on(){
document.all.button1.style.background='url(menu2.jpg)';¬
document.all.link.style.color='#000000';
}
function menu_off(){
document.all.button1.style.background='url(menu.jpg)';
document.all.link.style.color='#ccff99';
}
//--></script> | |
| |
|
|
| |
|
|
| |
для: Mr.Crot
(21.11.2008 в 19:19)
| | |
<table>
<tr>
<td id="button1" style="width:100px;height:23px;background-image:url(menu.jpg);" background="menu.ipg"
onmouseover="menu_on(this)" onmouseout="menu_off(this)"><a href="url" id="link">LINK<a></td>
</tr>
</table>
<script type="text/javascript">
function menu_on(el){
el.style.background='url(menu2.jpg)';
el.childNodes[0].style.color='#000000';
}
function menu_off(el){
el.style.background='url(menu.jpg)';
el.childNodes[0].style.color='#ccff99';
}
</script>
|
Зы. и не легче ли это всё сделать на css и только для ссылки? Не вижу смысла здесь в яваскрипте вообще..
Если интересует тогда:
<html>
<head>
<style type="text/css">
.button{
display:block;
width:100px;
height:23px;
background-image:url(menu.jpg);
color:#000;
}
.button:hover{
background-image:url(menu2.jpg);
color:#ccff99;
}
</style>
</head>
<body>
<a href="" class="button">LINK</a>
<a href="" class="button">LINK</a>
<a href="" class="button">LINK</a>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: sl1p
(21.11.2008 в 19:27)
| | | Спасибо за подсказку - все работает!
Но вот появился еще вопросик. Можно ли с помщью JS изменить внешнюю CSS при событии onClick, например? | |
| |
|
|
| |
|
|
| |
для: Mr.Crot
(21.11.2008 в 20:33)
| | | Если вы имеете ввиду "внешнюю", в смысле подключаемый файл, то тогда смотрите тут:
http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=58719 | |
| |
|
|
