效果类似于HTML标签的title效果，不过标签的title属性依赖于系统边框，可控制性不强。要实现这种效果，可以使用JS或者CSS，不过个人感觉如果CSS能够完成的效果就不要依赖于JS，避免不必要的性能损失。 涉及到CSS的知识很简单，:hover伪类和定位(position)。需要注意的是：IE6中除了A标签，其他的标签都不支持:hover伪类属性，这种情况下必须用JS实现类似的效果。具体来说，如果浏览器是IE6，那么鼠标移到目标元素的时候，给其添加.hover类，移走的时候则移除.hover类。 首先来看一下HTML结构。 <ul class="js-engine"> <li rel="chrome"> <span>Chrome: V8</span> <p>The V8 JavaScript engine ... </p> </li> <li> <span>Firefox: JaegerMonkey</span> <p>JägerMonkey (also JaegerMonkey) ... </p> </li » » »阅读更多