使用jquery，我如何将div滑入类似powerpoint的页面？

Question

在MS PowerPoint中，您可以从屏幕外部或从您选择的任何方向将内容滑入页面中间。我希望用Jquery做到这一点。基本上，我想从某个方向滑动窗帘的图片，然后滑入一个人的图片，最后在上面滑动一个引用。有谁知道如何使用Jquery做到这一点吗？

Answer 1

使用此CSS：

#id_like_powerpoint{
position:absolute;top:-100;left:350px;
}

如果你想让它加载，那么可以这样做：

$(document).ready(function(){
$('#id_like_powerpoint').animate({'top' : '100px'},1500);
});

如果你想使用onclick：

$('#id_to_be_clicked').click(function(){
    $('#id_like_powerpoint').animate({'top' : '100px'},1500);
    });

你可以放入任何数字，这只是个例子

最好的，肖恩

Answer 2

1)在页面中添加图片。你可以使用javascript或CSS来实现这一点。它必须是位置:绝对取消放置在视口外部(左：-WIDTHpx)。或者使用display:none将其隐藏；2)使用jQuery .animate()或.slideToogle()将此图像滑入内部。