Question

隐藏和显示我的脚本：

function SetVisible(testId) {
    var obj = document.getElementById(testId);
    var parent = obj.parentNode;
    obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}

function HideContent(testId) {
    var obj = document.getElementById(testId);
    obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}

HTML正文内容：

<div style="position:relative" onmouseover="SetVisible('hideShow');" onmouseout="HideContent('hideShow');">Check your question

    <div class="hideShow" id="hideShow" name="hideShow" style="position: absolute; z-index: 1000; line-height: 15px; font-size: 12px; color: rgb(90, 89, 89); font-family: verdana; visibility: hidden; left: 100%; top: 10%;">
        <table><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr><tr><td>abc</td></tr></table>
    </div>

</div>

问题是我要写一个脚本来显示“hideShow”div的完整内容而不滚动页面意味着只有这个div应该根据页面上的可用空间进行自我调整。所以，我不想在鼠标悬停上滚动页面“检查您的问题”以显示div内容，我只想根据“检查您的问题”页面上的可用空间使div自行调整。感谢

Answer 1

http://www.jtricks.com/javascript/navigation/floating.html 在那里你会找到移动div和滚动的方法，现在我想在javascript中使这个代码变得简单和容易。如果您可以将此代码转换为更简单的JavaScript，那么请执行。

通过滚动创建一个可移动的div（只有在鼠标悬停其他div后才可见）

1 个答案: