如何实现类似的目标:
(单击中间的“DALEJ”绿色按钮,然后在“WYSZUKAJ”按钮下方选择“podstawowej wyszukiwarce”)
元素淡入,然后优雅地消失。
任何演示/想法等?
如何实现类似的目标:
(单击中间的“DALEJ”绿色按钮,然后在“WYSZUKAJ”按钮下方选择“podstawowej wyszukiwarce”)
元素淡入,然后优雅地消失。
任何演示/想法等?
jQuery animate()
: http://api.jquery.com/animate/
我认为它同时动画left
和opacity
.
这是我为您准备的一个简单示例:http: //jsfiddle.net/PTyue/
快速浏览一下,它基本上只是使用animate()
更改left
andopacity
值。非常粗略地说,这就是他们的代码所做的:
$('#estate_search_submit').click(function ()
{
$('#first-step').animate({left: '-=250', opacity: 0});
return false;
});
http://jsfiddle.net/mattball/7yTK3/2/
这是滑开的第一步。我会让你弄清楚如何进入第二步。
jQuery UI为它的显示和隐藏功能提供了这种能力和各种缓动选项。
如果您深入研究您引用的站点的代码,他们正在使用 jQuery 和 jQuery UI(它被缩小并合并到一个名为 app.js 的文件中)。