0

如何实现类似的目标:

http://ofertymieszkan.pl/

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

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

任何演示/想法等?

4

4 回答 4

4

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

这是我为您准备的一个简单示例:http: //jsfiddle.net/PTyue/

于 2011-02-05T01:19:01.817 回答
1

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

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

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

这是滑开的第一步。我会让你弄清楚如何进入第二步。

于 2011-02-05T01:19:22.087 回答
0

jQuery UI为它的显示隐藏功能提供了这种能力和各种缓动选项。

如果您深入研究您引用的站点的代码,他们正在使用 jQuery 和 jQuery UI(它被缩小并合并到一个名为 app.js 的文件中)。

于 2011-02-05T01:11:41.263 回答
0

它是 jQuery。效果是淡入淡出滑动。使用可以使用主效果 animate() 并配置您想要的方式

(链接来自 jQuery UI 文档)

于 2011-02-05T01:24:21.270 回答