代码整理：时代Java - NowJava.com　

注：此代码仅供学习交流，请勿用于商业用途。

这种效果常被应用在网页广告中，不影响网页内容，而且用户关注度高，网站上很多叫做撕页广告或者翻页广告，也可以叫书角广告。

使用方法：

打开index.html

1  #pageflip img , .msg_block  广告展开后图片大小请修改后面的数值。

2  #pageflip img 广告展开前图片大小，请修改后面的数值。

3 .msg_block 广告展示后图片的大小，请修改后面对应的数值。