Коллеги, доброго времени суток!
С JS работаю совсем не давно, учусь в основном на примерах.
Немного занимаюсь web-дизайном. Сейчас работаю над одним сайтом юридической фирмы.
Использую скрипт для отображения "сплывающего" меню при наведении мышки (меню с услугами).
Столкнулся с проблемой...
В коде жестко прописываю координаты кнопки, соответственно на разных мониторах надпись кнопки отображается в разных местах - блуждающая кнопка... То же самое, при указании %.
Собственно, с этим и обращаюсь, может кто подскажет, как справиться с этим?
вот сайт
http://www.vestinfo-online.ru
и код...
<script language="JavaScript">
<!--
over_header = new Array();
over_menu = new Array();
for(i=1;i<=3;i++)
{
over_header[i] = 0;
over_menu[i] = 0;
}
function Turn(id, mode)
{
if(mode)
eval("setTimeout(\"On(" + id + ");\",200)");
else
eval("setTimeout(\"Off(" + id + ");\",200)");
}
function On(id)
{
eval("document.getElementById('smenu" + id + "')").style.visibility =
"visible";
}
function Off(id)
{
if(!over_menu[id] && !over_header[id])
{
eval("document.getElementById('smenu" + id + "')").style.visibility =
"hidden";
}
}
-->
</script>
</style>
</head>
<body style="padding:0; margin:0">
<div style="position:absolute; top:255px; left:115px; width:150px">
<a href="#.html" class="style27"
onmouseover="Turn(1,1); over_header[1]=1;" onmouseout="Turn(1,0); over_header[1]=0;">Услуги</a></div>
<div id="smenu1" class="smenu" style="top: 253px; left:300px"
onmouseover="over_menu[1]=1;" onmouseout="Turn(1,0); over_menu[1]=0;">
<a href="serv1.htm" class="style28">Создание, реорганизация и ликвидация ООО, ОАО, ЗАО</a><br>
<a href="serv2.htm" class="style28">Страховые споры</a><br>
<a href="serv3.htm" class="style28">Исполнительное производство</a><br>
<a href="serv4.htm" class="style28">Производство по уголовным и административным делам</a><br>
<a href="serv5.htm" class="style28">Арбитраж</a><br>
<a href="serv6.htm" class="style28">Представительство в судах РФ</a><br>
<a href="serv7.htm" class="style28">Защита прав потребителей</a><br>
<a href="serv8.htm" class="style28">Сделки с недвижимостью</a><br>
<a href="serv9.htm" class="style28">Ведение наследственных дел</a><br>
<a href="serv10.htm" class="style28">Гражданско-правовые споры: жилищные, семейные, трудовые</a>
</div>
спасибо!