2013-03-20 70 views
-4

我正在尝试创建一个简单的主页,并排放置两个主要图像并将第三个按钮图像作为输入按钮居中放置在它们的顶部。是否有可能将2张主图像从屏幕上滑出,一个在左边,一个在右边,当点击时输入按钮消失,以显示下面的网页?使用jquery滑动和淡入淡出的图像

我不能在网上找到任何东西,我是一个新手太多,任何的帮助深表感谢,感谢

+1

是的,这是可能的。请开始,如果您有任何问题,请将它们发布到此处,如果您提供显示问题的完整示例,您将获得帮助。 – 2013-03-20 21:47:32

+0

请发布您的相关尝试,或者可能是jsfiddle.net。很难仅用文字描述来描绘你想要的内容。 – Jlange 2013-03-20 21:48:16

+0

[是的,这是可能的。](http://api.jquery.com/animate/) – iabw 2013-03-20 21:48:24

回答

1

使用jQuery动画 -

$(".button").click(function(){ 
    $this = $(this); 
    $('.left').animate({"margin-left":-1000}); 
    $('.right').animate({"margin-right":-1000},function(){ 
     $this.fadeOut(); 
    }); 
}); 

这不是生产或有益的任,因为他不知道这是什么。

小提琴 - http://jsfiddle.net/r285t/1/

+0

这是一个很好的开始,实际上提供了一些指导... – Jlange 2013-03-20 22:04:40

+0

它是复制样板代码已被写入百万个地方更好,与与以前一样的相关链接。 – iabw 2013-03-20 22:08:53

+0

感谢您的帮助,我了解它,我会弄明白!非常感谢 – 2013-03-20 22:15:47