Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将鼠标悬停在向上滑动的div上,并提供其他信息-如何?_Jquery_Css_Mouseover - Fatal编程技术网

Jquery 将鼠标悬停在向上滑动的div上,并提供其他信息-如何?

Jquery 将鼠标悬停在向上滑动的div上,并提供其他信息-如何?,jquery,css,mouseover,Jquery,Css,Mouseover,在上,当您将鼠标悬停在图像上时,会有一个附加的div向上滑动,其中包含更多内容 我想知道,有没有什么简单的方法可以达到这个效果……或者有没有人知道jQuery插件或指南?我试着看了一下网站的源代码,但我不太明白到底是什么触发了这个效果 我试着在谷歌上搜索,但不知道确切的效果是什么,所以我有点迷路了。谢谢您的帮助:)您可以尝试这种代码: $(el).css({position: 'relative'}) $(el).hover(function(){ $(this).animate({p

在上,当您将鼠标悬停在图像上时,会有一个附加的div向上滑动,其中包含更多内容

我想知道,有没有什么简单的方法可以达到这个效果……或者有没有人知道jQuery插件或指南?我试着看了一下网站的源代码,但我不太明白到底是什么触发了这个效果


我试着在谷歌上搜索,但不知道确切的效果是什么,所以我有点迷路了。谢谢您的帮助:)

您可以尝试这种代码:

$(el).css({position: 'relative'})

$(el).hover(function(){
    $(this).animate({position: 'relative', top: '-20px'}, 1000)
}, function(){
    $(this).animate({position: '', top: ''}, 1000)
})

查看此项以查看渲染。

只需处理
mouseenter
并显示一个元素。