惊人的jQuery笔记本页面翻转动画

>这个jQuery moleskine笔记本动画，光滑的“闪存页面布局”样式页面翻转效果，展示了jQuery的力量，灵活性和速度。 它利用jQuery手册插件。

此jQuery笔记本动画的优点

>轻量级：
• 仅17KB（缩小）。>
>易于安装：
• 使用滑动divs进行页面过渡。
平滑的动画：
• 提供了逼真的翻页效果。

>查看demo

>安装：

>下载jQuery Moleskine笔记本软件包。

1. 集成了提供的HTML（每个页面都需要一个带有“ B载”类的DIV）。
2. >自定义CSS样式以匹配您的设计。
3. 调整小册子JS选项以微调动画。

包内容：

> jQuery手册插件

必要的图像（Photoshop背景，导航图标等）
• > jQuery 1.4.4.4.min.js
• > jQuery lasing.1.3.js
• >自定义页面字体
• >示例HTML模板
• html示例：

来源： https://www.php.cn/link/7c7b23ffe10825da18545758c0917543

<div class="book_wrapper">
    <a id="next_page_button"></a>
    <a id="prev_page_button"></a>

    <div id="loading" class="loading">Loading pages...</div>

    <div id="mybook" style="display:none;">
        <div class="b-load">
            <div>
                <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174102085175009.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="Amazing jQuery Notebook Page Flip Animation ">
                <h1 id="Slider-Gallery">Slider Gallery</h1>
                <p>This tutorial details creative gallery creation...</p>
                <a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" class="article">Article</a>
                <a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" class="demo">Demo</a>
            </div>
            <div>
                ...
            </div>
        </div>
    </div>
</div>

常见问题（常见问题解答）：

> 省略了，但针对动画速度，移动兼容性，声音效果，多页动画，CSS过渡，响应能力，与其他库的兼容性，ShadowPress效果，WordPress Integration，WordPress Integration和“ wordpress Integration and绩效测试”保持相关并且可以根据原始输入而启动。

以上是惊人的jQuery笔记本页面翻转动画的详细内容。更多信息请关注PHP中文网其他相关文章！