마우스 오버 사업부는

Question

나는이 멋진 코드 발견 :

<div style="width: 80px; height: 20px; background-color: red;" 
    onmouseover="document.getElementById('div1').style.display = 'block';"> 
    <div id="div1" style="display: none;" onmouseout="document.getElementById('div1').style.display = 'none';"> Text</div> 
</div> 

을 및 I/보여 텀블러에 미리 결정하는 div에 사업부를 숨기기 위해 사용하려고했습니다,하지만 난 아마 사용하고 있습니다 그것은 틀린가,이 작품 또는 다른 코드를 사용해야합니까?

Answer 1

다음은 필요한 기능입니다.

HTML

<div class="divStyle" onmouseover="showHide()" onmouseout="showHide()"> 
    <div id="div1" class="displayNone"> Text</div> 
</div> 

CSS

.divStyle { width: 80px; height: 20px; background-color: red; } 
.displayNone { display: none; } 

자바 스크립트

function showHide() { 
    var obj = document.getElementById('div1'); 
    if(obj.style.display == 'block'){ 
     obj.style.display = 'none'; 
    } 
    else 
    { 
     obj.style.display = 'block'; 
    } 
}