前端<a>标签实现鼠标放上去出现悬浮窗效果 

1.定义css样式
<style type="text/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;}
</style>

2.<a>标签引入上面的样式

<a href="#" class="popup" style="color:red" >a标签标题    

  <span style="background-color: #F1867C;color:black;width: 140px;height:40px;">悬浮窗文字</span>

</a>

文末小福利免费视频资源网站(搜索猴)：www.sousuohou.com
电影公众号：https://m.veikee.cn/
 
posted @ 2017-11-03 21:00  电影公众号  阅读(10369)  评论(0)  编辑  收藏  举报