Question

在网页上用js如何做鼠标放在头像上就能弹出一个资料卡，移开后消失，求助！！

Answer 1

传统的做法就是给<img>元素挂对应的事件

如果你用jQuery

<img id = 'demo'>
$('#demo').on('mouseenter', function(){
    //显示card 组件
})

$('#demo').on('mouseleave', function(){
  //关闭card 组件
})

追问

组件是什么东西？难道不能用语句输出吗？

追答

组件就是一个封装过的交互元素的最小抽象，如果不知道组件是什么你可以联想下bootstrap(如果没看过的话，一定要看一下这个twitter出品的jQuery库)

在你的case里最简单的一个card component可以就是一个div

<div id="profile_card">
    <!--其中的内容，资料或者头像oranything-->
</div>

$('#demo').on('mouseenter', function(){
    $('#profile_card').fadeIn()
})

$('#demo').on('mouseleave', function(){
  $('#profile_card').fadeOut()
})