а почему бы не сделать через CSS? если я правильно понял задачу, делается левой ногой....
вот я писал
http://www.blackberryworld.eu/ смотри хидер, навбар.. ни единого js там.... просто описаны классы, и зовутся везде где нужно..
пример:
Код HTML:
<tr align="center" nowrap="nowrap" class="hTabs">
<td nowrap="nowrap"><a title="User CP" href="usercp.php">User CP</a></td>
..... и далее
CSS:
Код HTML:
.hTabs { //общие понятия
background-color:#CEDCE9;
background-image:url(bg_1.gif);
background-repeat:repeat-x;
color:#FFFFFF;
overflow:hidden;
text-decoration:none;
width:100%;
}
.hTabs li, .hTabs tr { // уже не помню зачем оно мне понадобилось
width: 100%;
padding: 0px;
margin: 0px;
display: inline;
float: left;
}
.hTabs a { //свойства гиперссылки класса
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
background-image: url(navbar-01.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 12px 16px 0px;
height: 33px;
display: block;
color: #FFF;
text-decoration: none;
}
.hTabs a:hover { //поведение гиперссылки класса при наведении на нее мыши
background-position: 100% -45px;
}
иль вот тоже мои дорихтовки как раз на эту тему:
http://trusthouse.ru/montenegro/
кнопки "Все предложения" "Поиск по каталогу" "Заявка на подбор"
Код HTML:
<div style="height: 32px;" class="text_button"><a href="/montenegro/?all=1">Все предложения (273)</a></div>
Код HTML:
.text_button{
background-image: url('/images/bg_button.png');
background-repeat: no-repeat;
text-decoration: none;
background-position: center top;
overflow: hidden;
color: #F6F6F6;
width: 100%;
text-align: center;
}
.text_button a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
background-image: url('/images/bg_button.png');
background-repeat: no-repeat;
background-position: center top;
padding: 4px 0px 0px;
white-space:nowrap;
width: 100%;
height: 32px;
display: block;
color: #F6F6F6;
text-decoration: none;
}
.text_button a:hover {
background-position: center -32px;
color: #F6F6F6;
text-decoration: none;
}
изначально вроде как и больше по писанине, но преимущества такого варианта в том, что оно работает и в тех броузерах в которых js отключен по умолчанию. да и не люблю я js вообще