滑动并淡出jquery

时间:2010-11-30 02:42:05

标签: jquery

如何在使用jquery淡入div时滑入div。我想它需要稍微偏离样式表中规定的位置。

因此,例如,这个div将从左侧滑入,同时从0逐渐淡入100%。

<div id="pageintro">We are a wholly independent</div>

2 个答案:

答案 0 :(得分:1)

假设元素已隐藏/不透明度为0:

$('#pageintro').animate({
    opacity: 1,
    left: '+=100'
}, 1000);

以上示例仅适用于定义了'left:'css属性的元素:)

可替换地:

$('#pageintro').animate({
    opacity: 1,
    marginLeft: '+=100'
}, 1000);

这适用于大多数元素:)

他们将元素100px从左向右移动,从0不透明度移动到1(完全可见),持续1秒。

:)

答案 1 :(得分:0)

很抱歉回答一篇旧帖子,但jQuery Mobile 1.1RC1默认执行此操作[1]

[1] http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-transitions.html