驚人的jQuery筆記本頁面翻轉動畫-js教程-PHP中文網

驚人的jQuery筆記本頁面翻轉動畫

Joseph Gordon-Levitt

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

原創

574 人瀏覽過

>這個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中文網其他相關文章！