鼠标hover弹出div,并且鼠标离开后不能马上隐藏,因为这个div上还有功能入口。比如:
鼠标经过好友列表中的好友头像时显示资料卡的效果如下所示:
用如下这样一个简单的效果:鼠标hover到A上显示B来模拟
有2种实现方式,推荐第二种,第一种有弊端下面会说。
原理:把触发元素A和要显示元素B放于同一个父级元素内,鼠标经过父级元素时触发显示B。这样鼠标移动到B时仍然 处于该父级元素内,则div不会隐藏。
代码: