4 个超酷的免费 jQuery 翻书效果插件
fmms 13年前
<p>模拟真实的世界一直是计算机科学在做的事情。在网页设计领域,模拟书籍翻页就是其中一项。以前我们用Flash实现。但是随着网页技术的提升,我们现在也可以用HTML、CSS和JavaScript实现。<br /> <br /> 下面我将介绍几个绚丽的免费jQuery插件来实现翻页效果。<br /> <br /> <a href="/misc/goto?guid=4958328434916832093" target="_blank"><strong>1. Turn.js</strong></a><br /> <img alt="4 个超酷的免费 jQuery 翻书效果插件" src="https://simg.open-open.com/show/56d5c701cb500928b86a1cda7a81b0d0.jpg" width="480" height="366" /><br /> 第一页作为封面,后面的每一页你都可以通过反动页脚来实现。动画过程很顺滑。这个js只有15kb,可以在移动浏览器上运行。这个js使用了硬件加速。<br /> <br /> <a href="/misc/goto?guid=4958328436575920126" target="_blank"><strong>2. jPageFlip</strong></a><br /> <img alt="4 个超酷的免费 jQuery 翻书效果插件" src="https://simg.open-open.com/show/e7ccf587c5d4232929d51d7b9e107e44.jpg" width="480" height="333" /><br /> jPageFlip是一个高度可定制的jQuery插件,用来创建类似书籍界面的效果。它支持鼠标点击翻页,也支持透明和半透明的图片文件。<br /> <br /> <a href="/misc/goto?guid=4958328438103056339" target="_blank"><strong>3. Booklet</strong></a><br /> <img alt="4 个超酷的免费 jQuery 翻书效果插件" src="https://simg.open-open.com/show/970ae65d0deb92f5b3607f75fc5196c9.jpg" width="480" height="333" /><br /> Booklet可能是拥有最多选项的插件。你可以通过键盘,链接,或者定时自动翻页。每一页都有一个单独的URL,可以被收藏。<br /> <br /> <a href="/misc/goto?guid=4958328575950500878" target="_blank"><strong>4. FlipPage</strong></a><br /> <img alt="4 个超酷的免费 jQuery 翻书效果插件" src="https://simg.open-open.com/show/13d205ca49cda62d9d9af121a3b15111.jpg" width="480" height="333" /><br /> 这个插件的翻页效果是在现有的图片范围内。使用了HTML5,CSS3以及硬件加速。这个插件也支持移动浏览器。</p> <p> </p> <a href="/misc/goto?guid=4958328576755287941" target="_blank">原文链接</a>