gpt4 book ai didi

jquery - 滚动时添加反向 jquery 动画

转载 作者:行者123 更新时间:2023-12-01 01:01:44 25 4
gpt4 key购买 nike

当你滚动点击区域时,我试图让标题动画下来。您会注意到它当前正在滚动,标题动画向上 20 像素,所以基本上当您滚动时标题应该返回到其起始位置。

Live Example

HTML

<div class="thumb">
<div class="content">
<div class="copy">
<h1>Title</h1>
</div>
</div>
</div>

JS

$('.content').hide().removeClass('content').addClass('content-js');

$('.thumb').hover(function () {
$(this).find('.content-js').fadeToggle();
$('.copy h1').animate({'margin-top':'0px'});
});

最佳答案

只需在 .hover() 中添加另一个动画(它需要两个参数:鼠标进入和鼠标离开)

http://jsfiddle.net/aGcpR/12/

关于jquery - 滚动时添加反向 jquery 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16696845/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com