다른 div에서 div를 가리키면 javascript가 "onmouseover"및 "onmouseout"을 트리거합니다.

저는 새 웹 사이트의 그리드 레이아웃에서 작업하고 있습니다. PHP 코드 :다른 div에서 div를 가리키면 javascript가 "onmouseover"및 "onmouseout"을 트리거합니다.

echo"<div class='model_container_invisible' onMouseOver='fade(this, 0)' onMouseOut='fade(this, 1)'>"; 
      echo"<span class='model_title_wrapper'>"; 
       echo"<span class='model_title'>Ancient Dragon</span>"; 
       echo"<span class='model_designer'>designed by Kamiya Satoshi</span>"; 
      echo"</span>"; 
      echo"<img class='model_img' src='img/models/001.jpg' />"; 
echo"</div>";

이것은 그리드 요소를위한 것입니다. 이미지의 불투명도는 0.5이고, js 함수 fade()를 사용하여 요소를 가리킬 때 변경하고 싶습니다. 다른 사업부에 사업부에에서 내 마우스 포인터 이동 (model_titel하는 model_title_wrapper에서 말할 수) 때

function fade(elem, direction) 
{ 
/* if(elem.className == "model_container_invisible") 
    elem.className = "model_container_visible"; 
else 
    elem.className = "model_container_invisible"; */ 

var img = elem.getElementsByTagName("img")[0]; //das Bild 

if(direction == 0) //einblenden 
{ 
    alert("fadein, this: "+elem); 
    img.style.opacity = 0.5; 

    var aktiv = window.setInterval(function() { 
     img.style.opacity = String(Number(img.style.opacity) + .05); 
     if(Number(img.style.opacity) >= 1.0) { 
      window.clearInterval(aktiv);  

     } 
    }, 8); 
} 
else //ausblenden 
{ 
    alert("fadeout, this: "+elem); 
    img.style.opacity = 1; 

    var aktiv = window.setInterval(function() { 
     img.style.opacity = String(Number(img.style.opacity) - .05); 
     if(Number(img.style.opacity) <= 0.5) { 
      window.clearInterval(aktiv);  

     } 
    }, 16); 
} 
}

하지만, 함수가 다시 호출 : 여기의 코드입니다. 나는 그것을 얻지 않는다!

도와 주시겠습니까? 감사!

출처

2013-05-04 Martin Hoffmann