日期:2014-05-17  浏览次数:20626 次

a标签如何做出 当鼠标靠近的时候,出现内容简介的框。。
a标签如何做出 当鼠标靠近的时候,出现内容简介的框。。



就是当鼠标靠近文章里面的关键词“红颜一笑”的时候,就弹出一个类似的对话框,里面显示相关的内容。。。、

请问该怎么实现?

------解决方案--------------------
手写一个, 没有测试的, 大意你可以看懂

CSS:
a.popup{position:relative;}
a.popup span{display:none;position:absolute;top:-40px;left:2px;z-index: 99;border: 1px solid; padding:4px;width:100px;}
a.popup:hover span{display:block;}

HTML:
<div style="padding:60px;">XXXX<a class="popup"><span>内容简介</span>红颜一笑</a>XXXX</div>