前端<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/
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步