使用jquery，我怎样才能幻灯片到类似于powerpoint的页面？

Question

在MS PowerPoint中，您可以将内容从屏幕外部以及从您选择的任何方向滑动到页面中间。我想用Jquery来做这件事。基本上，我想从某个方向滑动窗帘的照片，然后滑动一个人的照片，最后在上面滑动报价。有没有人有任何线索如何使用JQuery来做到这一点？

Answer 1

1）将图像添加到页面。你可以用javascript或CSS来做到这一点。它必须是位置：绝对未放置在视口外（左：-WIDTHpx）。或者让它隐藏在显示器中：无; 2）使用jQuery .animate（）或.slideToogle（）来滑动这个图像。

Answer 2

使用这个CSS：

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

如果你想它的onload然后做到这一点：

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

如果你想使用onclick：

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

你可以把任何号码，这只是例子

Best， Shawn