惊人的jQuery笔记本页面翻转动画-js教程-PHP中文网

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

Joseph Gordon-Levitt

发布： 2025-03-04 00:54:08

原创

573 人浏览过

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

此jQuery笔记本动画的优点

仅17KB（缩小）。>
使用滑动divs进行页面过渡。
提供了逼真的翻页效果。

>查看demo

Amazing jQuery Notebook Page Flip Animation

>安装：

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

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

包内容：

> jQuery手册插件

> jQuery 1.4.4.4.min.js
> jQuery lasing.1.3.js
>自定义页面字体
>示例HTML模板
html示例：

来源： //m.sbmmt.com/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/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174102085175009.jpg" class="lazy" alt="Amazing jQuery Notebook Page Flip Animation ">
                <h1>Slider Gallery</h1>
                <p>This tutorial details creative gallery creation...</p>
                <a href="//m.sbmmt.com/link/93ac0c50dd620dc7b88e5fe05c70e15b" class="article">Article</a>
                <a href="//m.sbmmt.com/link/93ac0c50dd620dc7b88e5fe05c70e15b" class="demo">Demo</a>
            </div>
            <div>
                ...
            </div>
        </div>
    </div>
</div>

登录后复制

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

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

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