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>

并且我一直试图用来显示/隐藏Tumblr上预先确定的div的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; }

的javascript

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

Mouseover Div On Tumblr帖子

1 个答案: