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

Question

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

Answer 1

使用这个 CSS：

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

如果你想要它 onload 然后这样做：

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

如果你想点击使用：

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

您可以输入任何数字，这只是示例

最好的，肖恩

Answer 2

1）将图像添加到页面。您可以使用 javascript 或 CSS 来执行此操作。它必须是 position:absolute un 放置在视口之外（左：-WIDTHpx）。或者只是用 display:none 隐藏它；2) 使用 jQuery .animate() 或 .slideToogle() 在里面滑动这个图像。