jQuery惊人的缓和

时间:2011-02-05 01:04:53

标签: jquery hide slide easing

如何实现类似的目标:

http://ofertymieszkan.pl/

(点击中间的“DALEJ”绿色按钮,然后在“WYSZUKAJ”按钮下方选择“podstawowej wyszukiwarce”)

元素淡入然后优雅地消失。

任何演示/想法等?

4 个答案:

答案 0 :(得分:4)

jQuery animate()http://api.jquery.com/animate/ 我认为它同时动画leftopacity

以下是我为您酿造的一个简单示例:http://jsfiddle.net/PTyue/

答案 1 :(得分:1)

快速浏览一下,它基本上只是使用animate()更改leftopacity值。非常粗略,这就是他们的代码所做的:

$('#estate_search_submit').click(function ()
{
    $('#first-step').animate({left: '-=250', opacity: 0});
    return false;
});

http://jsfiddle.net/mattball/7yTK3/2/

这是迈出第一步。我会让你弄清楚如何进入第二步。

答案 2 :(得分:0)

jQuery UIshowhide函数提供了此类功能和各种缓动选项。

如果你深入研究你引用的网站的代码,他们会使用jQuery和jQuery UI(它被缩小并组合成一个名为app.js的文件)​​。

答案 3 :(得分:0)

这是jQuery。效果为fadeslide。使用可以使用主效果animate()并配置你想要的方式

(链接来自jQuery UI文档)