最近要做些电子书，本来准备去网上买现成的鼠标拖拽翻页效果的组件，但一看报价吓一跳，而且执行效率也不高，一个叫AsFlipPage4。0的组件CPU占用率高居70%，喊价1000RMB，真是恐怖。下载了几个开源的程序自己也看不懂。于是一咬牙自己做了一个。

　　设置遮罩和阴影之后的最终成品

/imagelist/06/36/2881q7k50981。swf

Flash演示 大家用鼠标拖拽画面四个角即可看见效果

　　主要原理：

将电子书分为3个内容层，叠放顺序如图。第一层为当前页面层，是现在正在显示的页面；第二层是随鼠标拖拽时卷起的页角，第三层是当页角卷起时，露出下一页的层。

设置遮罩：当页边卷起时，层1仅显示四边形FBDE内部分，层2仅显示ABCD部分，层3仅显示BGHD部分。

旋转：层2内的内容要随着鼠标运动而不停变换倾斜角度，其角度始终与AC边斜度一致。

翻页：当页面完全翻过时，层1牡鼻耙呈?当前页数+1

/imagelist/06/36/7x5714k189n4。swf

Flash演示 将鼠标移到黄色热区并拖动即可看见效果

　　其他几个要点：

　　限制C点范围：当鼠标在下图灰色区域内时，点C的坐标既等于鼠标坐标，当鼠标离开灰色区域时，点C必须停留在区域内。弧KML是以点J为圆心，KJ为半径的圆，弧KNL是以点I为圆心，IK为半径的圆(demo1既未限制C点范围，若鼠标超过弧形区域就会出错。

/imagelist/06/36/b1oy00pddk30。swf

Flash演示 大家用鼠标拖拽画面四个角即可看见效果

　　阴影：翻页时的阴影须时刻与直线BD的位置保持一致，书的背景阴影要考虑到首页和末页两个特殊情况。

　　首页与末页：在翻动到首页与末页时层3遮罩须重新设置为整本书宽的1/2。