BookBlock：一个实现翻页效果的jQuery插件

最新推荐文章于 2024-06-04 09:54:10 发布

转载最新推荐文章于 2024-06-04 09:54:10 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/gbin1/blog/130945

BookBlock是一款基于jQuery的插件，能创建类似书籍翻页的效果。通过简单的HTML结构即可实现页面翻转，并支持自定义内容如图片或文本，增强真实感。

为什么80%的码农都做不了架构师？>>>

日期：2013-5-15 来源：GBin1.com

在线演示

在线下载

BookBlock是一个jQuery插件，可用于创建像小册子那样的组件，实现一个“页面翻转”的导航。可以使用任何内容,如图片或文本。这个插件可以实现在需要的时候转换结构（即当翻转页面时），并使用一些阴影效果为页面创建更多的现实感。

BookBlock：一个实现翻页效果的jQuery插件

结构：

<div id="bb-bookblock" class="bb-bookblock">
    <div class="bb-item">
        <!-- custom content -->
    </div>
    <div class="bb-item">
        <!-- ... -->
    </div>
    <div class="bb-item">
        <!-- ... -->
    </div>
    <div class="bb-item">
        <!-- ... -->
    </div>
    <!-- ... -->
</div>