このjQueryモレスキンノートブックアニメーション、滑らかな「フラッシュページレイアウト」スタイルのページフリップ効果、jQueryのパワー、柔軟性、速度を紹介します。 jQueryブックレットプラグインをレバレッジします このjQueryノートブックアニメーションの利點(diǎn)：

たった17kb（マニファイ）。
• 簡単なインストール：
ページトランジションにスライディングDIVSを使用します。
• スムーズなアニメーション：
は、現(xiàn)実的なページめくり効果を提供します。
demo

インストール：

jQueryモレスキンノートブックパッケージをダウンロードします

デザインに合わせてCSSスタイルをカスタマイズします。
アニメーションを微調(diào)整するためのブックレットJSオプションを調(diào)整します。
3. パッケージの內(nèi)容：

jQueryブックレットプラグイン 必要な畫像（Photoshopの背景、ナビゲーションアイコンなど）

jQuery 1.4.4.min.js
jQuery Easing.1.3.js
カスタムページフォント
例HTMLテンプレート
• html例：

出典：http://miracleart.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/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="http://miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" class="article">Article</a>
                <a href="http://miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" class="demo">Demo</a>
            </div>
            <div>
                ...
            </div>
        </div>
    </div>
</div>

よくある質(zhì)問（FAQ）： このセクションは簡潔に省略されていますが、アニメーション速度、モバイル互換性、音響エフェクト、複數(shù)のページアニメーション、CSSトランジション、応答性、他のライブラリとの互換性、シャドウエフェクト、ワードプレス統(tǒng)合、パフォーマンステストに関する元のFAQは関連性があり、元の入力に基づいて簡単に再現(xiàn)できます。

以上が驚くべきjQueryノートブックページフリップアニメーションの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。