使用幻灯片转换移动div

Question

我有一个带有视频背景的页面和一个带有一些文本的div，我想在页面的中心放一个按钮，这样当用户点击它时，当前div（文本）向上滑动，css过渡而另一个div显示出相同的过渡。

我想移动固定背景的div。

使这种效果发生的最佳方法是什么？

Answer 1

这是您的免费脚本。只需确保点击绿色复选标记。

<强> jsFiddle

var oT = $('#old'),
    nT = $('#new').css({top: '+=50', opacity:0});

$('button').one('click', function() {
    $(this).attr("disabled", "disabled");
    oT.animate({
        top: '-=50',
        opacity: 0
    }, function() {
        nT.animate({
            top: '-=50',
            opacity: 1 
        });
    });
});

Answer 2

如果DIV文字位置绝对，您应该尝试animate：

$('#your_div_id').animate({'top':some_value, 'opacity':0},time);

如果您需要完全隐藏DIV，则需要为some_value指定负值。