5 个实现翻书效果的免费jQuery插件

fmms 13年前
     <p>下面这些jQuery插件提供了很好的翻书用户体验。</p>    <h3><a href="/misc/goto?guid=4958328434916832093" target="_blank">Turn.js</a></h3>    <p><a href="/misc/goto?guid=4958328434916832093" target="_blank"><img alt="5 个实现翻书效果的免费jQuery插件" src="https://simg.open-open.com/show/56d5c701cb500928b86a1cda7a81b0d0.jpg" width="480" height="366" /></a></p>    <p>A jQuery plugin that has lovely and smooth page flip transitions.</p>    <p>The first page acts as the cover and the rest can be browsed by simply turning the pages from any desired corner.</p>    <p><strong>Turn.js</strong> is only 15kb, works on mobile & tablet browsers as well and makes use hardware acceleration.</p>    <h3><a href="/misc/goto?guid=4958328436575920126" target="_blank">jPageFlip</a></h3>    <p><a href="/misc/goto?guid=4958328436575920126" target="_blank"><img alt="5 个实现翻书效果的免费jQuery插件" src="https://simg.open-open.com/show/e7ccf587c5d4232929d51d7b9e107e44.jpg" width="480" height="333" /></a></p>    <p><strong>jPageFlip</strong> is a highly customizable jQuery plugin for book-like interfaces.</p>    <p>It can -optionally- flip pages on mouse clicks and has support for transparent + semi-transparent image files.</p>    <p><strong>P.S.</strong> The plugin performs better on WebKit browsers.</p>    <p></p>    <h3><a href="/misc/goto?guid=4958328438103056339" target="_blank">Booklet</a></h3>    <p><a href="/misc/goto?guid=4958328438103056339" target="_blank"><img alt="5 个实现翻书效果的免费jQuery插件" src="https://simg.open-open.com/show/970ae65d0deb92f5b3607f75fc5196c9.jpg" width="480" height="333" /></a></p>    <p><strong>Booklet</strong> is probably the plugin with most options in this list as it allows configuring each variable.</p>    <p>The JavaScript turning page effect is not that strong as it keeps things within corners (no overflows from the book itself) but works solid.</p>    <p>Pages can be turned manually, via keyboard, prev-next links or automatically (autoplay). Each page also has a unique URL (using hashtags).</p>    <p>It has support chapters, ca show page numbers and callbacks exist for further interaction.</p>    <p>imBookFlip</p>    <p><a href="/misc/goto?guid=4958328439639353994" target="_blank"><img alt="5 个实现翻书效果的免费jQuery插件" src="https://simg.open-open.com/show/729ee8a9cd86d9c50fd07e120a4f8b00.jpg" width="480" height="333" /></a></p>    <p><strong>imBookFlip</strong> plugin can display the book-like content in an iframe or directly on the page.</p>    <p>Its pages can be set to turn when manually clicked or as an auto play, sadly, no support for dragging a page.</p>    <p>Also, its API allows directly pointing to a desired page.</p>    <h3><a href="/misc/goto?guid=4958328440431028522" target="_blank">FlipPage</a></h3>    <p><a href="/misc/goto?guid=4958328440431028522" target="_blank"><img alt="5 个实现翻书效果的免费jQuery插件" src="https://simg.open-open.com/show/13d205ca49cda62d9d9af121a3b15111.jpg" width="480" height="333" /></a></p>    <p>This plugin also keeps the page flip effect inside/over the images displayed (that ends up in a 2D-like experience).</p>    <p>It makes use of HTML5-CSS3 + hardware acceleration and works also in mobile browsers.</p>    <h3>Other Solutions</h3>    <p>The list above includes the latest and more frequently updates ones. However, there are few more options like:</p>    <ul>     <li><a href="/misc/goto?guid=4958328441988317007" target="_blank">jFlip</a></li>     <li><a href="/misc/goto?guid=4958328442791753683" target="_blank">CSS Page Flip</a> (works better in WebKit)</li>    </ul>    <p>Any better JavaScript alternatives with (or without) jQuery? Please feel free to share them.</p>