2012-12-04 41 views
0

嗯,即时尝试建立一个全屏翻页与css3转换和jQuery添加/删除某些特效。到目前为止,我已经设法建立了效果和适当的班级变化。但是当转换发生时,我不能将一页放在另一页的“后面”。CSS3 + jQuery页面翻转时机调整

我已经尝试使用z-index为page2(这是第一个页面后面的页面),但是我无法完成这项工作。

http://www2.madeinweb.com.br/jobs/page-flip/

这是原IM,现在正在研究。

$('.page1').removeClass('flip in reverse').addClass('flip out').delay(650).hide(0); 
$('.page2').removeClass('flip out reverse').addClass('flip in').delay(650).show(0); 

jQuery类触发。

在此先感谢。

+0

你为什么要删除'flip'类,然后马上添加它? – Blazemonger

+0

@Blazemonger其工作就像一个“硬”重置。我正面临着一些垃圾邮件的下一个/后退按钮。删除类之前再次添加它修复它 – fernandofleury

回答

0

嗯,我设法使这个工作与绝对定位。不想使用此解决方法,但这是我找到的最干净的方式。