在z方向上有任何JQuery转弯效果吗?

时间:2010-01-08 18:25:24

标签: jquery

我想问一下,是否可以使用JQuery或任何其他JS代码进行任何封面打开效果?我不是说翻页,我的意思是封面开口(像厚厚的封面)。

3 个答案:

答案 0 :(得分:1)

在当前的浏览器中,您所要求的内容是不可能的,至少不是以任何正确的方式。在未来,您将能够使用CSS 3D变换来完成这类工作,但这还有很长的路要走。 Read more about CSS 3D Transorms here

为什么一个好看的封面打开效果是不可能的原因是'封面'应该是倾斜和拉伸的,因为它看起来不错,即使使用Javascript,这也是不可能的。

你可以用基本的CSS + JS做的唯一效果是一个页面的宽度是动画的,所以看起来有点像翻页,但它不是很有说服力。

如果您愿意使用画布,那可能会有一些可能性。虽然没有看到它在任何地方完成 - 我想画布上的3D东西可能有点棘手。

答案 1 :(得分:0)

我唯一能想到的(除了使用画布)需要“封面”成为图像,你可以在短时间内垂直压制图像,同时保持它固定在容器的顶部。

它当然不是完美的,但它可以非常接近地模拟外观。

答案 2 :(得分:0)

我怀疑你只能在JS上直接在客户端上做到这一点。这是一种可以做到的方式:

  1. 通过将页面转换为图像(如http://webthumb.bluga.net/home上的内容)来拍摄页面的快照。此步骤很可能需要在服务器上完成
  2. AJAX图像回到画布
  3. 使用动画缩放图像