主要介绍了JS实现的模仿QQ头像资料卡显示与隐藏效果,涉及javascr ipt鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下

本文实例讲述了JS实现的模仿QQ头像资料卡显示与隐藏效果。分享给大家供大家参考，具体如下： 我们使用QQ时经常需要查看朋友的资料卡，当我们把鼠标移入头像时，资料卡显示，并且鼠标能在头像与资料卡之间能随意移动，当鼠标移出头像或资料卡时，资料卡延时隐藏。 实质就是延时提示框问题！ 首先写好布局： div { float:left; margin:5px; } .head { width:50px;height:50px;background-color:pink; }