jquery - 显示一个剪裁的 div

Question

根据下面的代码，我希望能够将鼠标悬停在 SubBlockA(或 B)上，并根据大块的大小显示当前隐藏的裁剪信息。更具体地说，目前 subBlockA 在 K 处被剪裁，当我将鼠标悬停在 subBlockA 上时，我希望能够显示文本的其余部分而不影响结构的其余部分。我不确定 CSS 是否可行，或者我是否需要使用工具提示样式并在 DIV 上显示一些内容。有什么建议

http://jsfiddle.net/randallmeeker/6bVmb/

<style>
div {
    display: block;
    clear: left;
    overflow: hidden;
}
#bigBlock {
    width: 100px; 
}
.nowrap{
    white-space: nowrap;
}
​</style>
<div id="bigBlock">
    <div id="subBlockA" class="nowrap">ABCDEFGHIJKL MNOPQRSTUVWXYZ</div>
    <div id="subBlockB" class="nowrap">12345678901 234567890</div>
</div>​

Answer 1

使用 css 和 :hover 可以很容易地做到这一点:

http://jsfiddle.net/6bVmb/1/