Код, код и еще раз код, мы не телепаты.

Дык, тут больше теоретически...
Вот...

function opacityUp(id, index)
{
    obj = document.getElementById(id);

    if(index !== 99)
    {
        obj.style.opacity = '0.'+index;
        obj.style.filter= 'alpha(Opacity='+ index +')'; 
        index++;
        setTimeout('opacityUp(\''+ id +'\', '+ index +')', 20);
    }
}

function opacityDown(id, index)
{
    obj = document.getElementById(id);
    
    if(index > 70 )
    {
        obj.style.opacity = '0.'+index;
        obj.style.filter= 'alpha(Opacity='+ index +')';
        index--;
        setTimeout('opacityDown(\''+ id +'\', '+ index +')', 20);
    }
}

    <div class="header_div">
        <div class="header_logo_div"> 
            <div class="block_div_1" id="block_div_1">
                <span class="block_title">Вырубка</span>
            </div>
            <div class="block_div_2" id="block_div_2">
                <span class="block_title">Фальцовка</span>
            </div>
            <div class="block_div_3" id="block_div_3">
                <span class="block_title">Ламинация</span>
            </div>
            <div class="block_div_4" id="block_div_4">
                <span class="block_title">Листоподбор</span>
            </div>
            <div class="block_div_5" id="block_div_5">
                <span class="block_title_smal">Клеевое<br/>скрепление</span>
            </div>
        </div>
    </div>

Происходит потому, что ты наводишь мышь на этот элемент, срабатывает событие onmouseover, которое опускается ниже и доходит до главного дива, в котором есть обработчик этого события, которое собственно и выполняется. Решение: в функции-обработчики поставить проверку, на повторное выполнение.

Опа. Простите, я неполный код привел html. Я другое делал, по этому убрал часть. Вот сейчас:

    <div class="header_div">
        <div class="header_logo_div"> 
            <div class="block_div_1" id="block_div_1" onmouseover="opacityUp(this.id, 71);" onmouseout="opacityDown(this.id, 99);">
                <span class="block_title">Вырубка</span>
            </div>
            <div class="block_div_2" id="block_div_2" onmouseover="opacityUp(this.id, 71);" onmouseout="opacityDown(this.id, 99);">
                <span class="block_title">Фальцовка</span>
            </div>
            <div class="block_div_3" id="block_div_3" onmouseover="opacityUp(this.id, 71);" onmouseout="opacityDown(this.id, 99);">
                <span class="block_title">Ламинация</span>
            </div>
            <div class="block_div_4" id="block_div_4" onmouseover="opacityUp(this.id, 71);" onmouseout="opacityDown(this.id, 99);">
                <span class="block_title">Листоподбор</span>
            </div>
            <div class="block_div_5" id="block_div_5" onmouseover="opacityUp(this.id, 71);" onmouseout="opacityDown(this.id, 99);">
                <span class="block_title_smal">Клеевое<br/>скрепление</span>
            </div>
        </div>
    </div>

Не, мне кажется, что дело не в повторном выполнении.
Когда я навожу курсор на див, он становить непрозрачным. А когда убираю курсор, он вновь становится прозрачным. Так же происходит и текстом. По ходу когда я навожу курсор на спан с текстом, я убираю курсор с дива. Хотя все еще нахожусь в его приделах.

Надо в обработчиках проверять чтобы генератор события не был потомком твоего дива. Типа так(id="dd" - твой div):

document.getElementById('dd').onclick = function(e) {
  var who = e.target || e.srcElement;
  if (who.id == 'dd') {
    // действия
  }
}

ApuktaChehov
Так надо, чтоб при наведение на сам текст скрипт не срабатывал, или наоборот сработал?
В данной ситуации стили можно из спана перебросить в див, или спан заменить дивом.

inpost - нужно что бы не срабатывал. Пробывал я и перебрасывать и зменять. Не помогает. Сейчас думаю над предложением Michael

ApuktaChehov
Я такое реализовывал, накладывал верхний див с текстом поверх предыдущего дива, через position. Тогда верхний слой не будет относиться к общему диву и скрипт не будет работать

inpost, а в обычной ситуации див может иметь например 100 различных элементов(детей). Все их подсчитывать и позиционировать абсолютно?

p.s. В jQuery под это дело есть специально mouseenter/mouseleave в противоположность mouseover/mouseout.

Michael
Проблемы решаются по мере их появления! У меня было мало "детей", поэтому сделал так. Не спорю, что есть куда рациональнее решение и лучше!!!

Michael я плохо понял. Можешь объяснить подробнее?
Спасибо!

ApuktaChehov, походу не все так выйдет легко и фиолетово с событиями мышки.
тут читай раздел: Когда триггеров больше одного: relatedTarget
получишь пару - генератор и откуда/куда. Смысл чтобы в этой паре не было ребенка. тут посмотри как по эл-ту стартануть цикл вверх, чтобы проверить, что он не дитя.

Вот накидал:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>

 <style type="text/css">
  #dd {padding:20px; height:300px; width:300px; background-color:yellow}
  span {background-color:red}
 </style>

</head>

<body id="bb"  >
<div id="dd">дивдив<span id="ss">сссссссс сссппппппппп пппааааааааааааааа нннннннннннн</span>дивдив</div>

<script language="javascript">
var obj = document.getElementById('dd');
obj.onmouseover = function(e) {
  e = e || window.event;
  var who = e.target || e.srcElement;
  var relatedTarget = e.relatedTarget || e.fromElement;
  if ((!ischild(who, obj)) && (!ischild(relatedTarget, obj))) {
    alert('over yes');
  }
}
obj.onmouseout = function(e) {
  e = e || window.event;
  var who = e.target || e.srcElement;
  var relatedTarget = e.relatedTarget || e.toElement;
  if ((!ischild(who, obj)) && (!ischild(relatedTarget, obj))) {
    alert('out yes');
  }
}
function ischild(domc, domp) {
  // является ли domc потомком domp? :
  if ((!domc) || (!domp)) return false;
  if (domc == domp) return false;
  var tek = domc;
  do {
    if (!tek) return false;
    if (tek == document.body) return false;
    if (tek == domp) return true;
    tek = tek.parentNode;
  } 
  while(true);
}
</script>
</body>
</html>
 

оптимизировать(повторяющийся код) уже сам.

Уф... Спасибо всем большое я сделал, но начальнику это не понравилось.
Говорит, что этот эффект не подходит для этих меню. Так что...
Пришлось все снести

ApuktaChehov
Что вы мучаесть есть же возможность остановить вспылите события

Basili4, код в студию (html из моего примера уже готов).

ок щас

вот

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>

 <style type="text/css">
  #dd {padding:20px; height:300px; width:300px; background-color:yellow}
  span {background-color:red}
 </style>

</head>

<body >
<div id="dd" onmouseover="window.status ='Верхний див'">дивдив<div id="ss" 
onmouseover="
window.status='Нижний див'; 
if (event.stopPropagation) {
// this code is for Mozilla and Opera
event.stopPropagation();
}
else if (window.event) {
// this code is for IE
window.event.cancelBubble = true;
}">сссссссс сссппппппппп пппааааааааааааааа нннннннннннн</div>дивдив<div>

<script language="javascript">
</script>
</body>
</html>
 

Michael
Я чет тогда не понял ну убрать событие на внутренем диве или я непому что надо то ...

ТС же описал: навешивает события over/out на родителя, а они срабатывают "нелогично" также и на его детях(хотя они казалось бы внутри). И это надо убрать.

Я сделал как ты Michael показал. По событию узнал откуда пришел курсор и куда ушел и соответственно на это реагировал.

Еще была тупая мысль использовать onmousemove. Постоянно получать координаты мыши и когда эти координаты будут в определенном интервале запускать функцию. Но меня очень сильно напрягал тот факт, что что-то будет постоянно работать без толку, и я отказался.
Блин, как жаль, что в итоге все отменилось. Я несколько часов ковырял.

Но за то теперь знаю как это сделать. Спасибо Michael - у

Так. Я решил это дело применить в другом месте, где вроде, это неплохо смотрится.ссылка

Меню слева.

Все неплохо работает во всех браузерах кроме IE6. В нем скрипт работает тоже, но верстку перекосило. Но это не беда, верстать под IE6 - задачи не было.

И так. Какой косяк: если навести на ссылку Услуги и сразу же переместить на ссылку оборудование или наоборот, обе менюшки оказываются открытыми. Но это только в первый раз как загрузилась страница. После все работает корректно.

Вот код скрипта: код очень простой

function menu_close(obj, id)
{
    obj.onmouseout = function(event) 
    {
        var event = event || window.event;
        var who = event.target || event.srcElement;
        var relTarg = event.relatedTarget || event.toElement

        if(relTarg.id !== id)
            document.getElementById(id).style.display = 'none';  
    }
}

Я определил, что первый раз не срабатывает obj.onmouseout = function(event).
А вот почему не срабатывает я не знаю

Может есть, у кого-нибудь мысли?

ApuktaChehov
А как насчет "При наведении на другой объект" -> скрыть остальные, этот вывести. Собственно тяжелее, но функциональнее.

inpost - я так всегда и делал. Но сейчас хочу выяснить почему так.

Мыслей нет? Печально

z-index

z-index? А он тут причем? Мне непонятно, почему функция не срабатывает нормально.