JQuery のturn.js ライブラリを使用して本のめくり効果を実現する方法の簡単な分析

青灯夜游
リリース: 2022-09-07 10:58:36
転載
2052 人が閲覧しました

この記事では、jQueryのturn.js ライブラリを紹介し、turn.js ライブラリを使用して本をめくる効果を実現する方法について説明します。

JQuery のturn.js ライブラリを使用して本のめくり効果を実現する方法の簡単な分析

今日は JQ のturn.js を紹介します まず、今日の主役のturn.js について簡単に紹介します。 [関連チュートリアルの推奨事項:jQuery チュートリアル]

Turn.js は、HTML5 のすべての利点を組み合わせた JavaScript ライブラリで、コンテンツを書籍や雑誌のように見せることができます。反転効果。

HTML5 と CSS3 を使用してエフェクトを実行するため、iOS デバイス (iPad、iPhone、iPod) や Android デバイスなどのタッチ デバイスで適切に動作します~
Turn.js には Flash コンテンツよりも多くの機能がありますネイティブ コンテンツ (オプションのコンテンツ、サードパーティのコンテキスト メニューなし) の感触と、広告コード、HTML5 ビデオ、ツールヒント、画像、地図、フォームを追加し、すべてのページを追跡する機能を除き、実際の HTML コンテンツの利点をすべて備えており、それらを組み合わせることができます。何百もの優れた Web 用ライブラリを備えています。

***この記事のキーワード:turn.js 属性値、使用法、デモ コード (記事の最後にある付録を参照~~)。

効果は次のとおりです。

公式サンプルコード:

html:

Turn.js
第1页
第2页 < / div>
第3页
第4页
ログイン後にコピー

js:

  • ステップ 1: 最初に JQ ファイルを忘れずに導入してください (バージョン 1.3 以降のみが可能です) ~~)

  • ステップ 2: 公式 Web サイト (公式アドレス: http://www.turnjs.com/) からダウンロードできる Turn.js ファイルを導入します。 )

  • ステップ 3: 次に、主人公のturn.jsを使用できます~~コードは次のとおりです↓↓↓


Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
ログイン後にコピー

demo如下:

按钮图片:

【推荐学习:jQuery视频教程web前端视频

以上がJQuery のturn.js ライブラリを使用して本のめくり効果を実現する方法の簡単な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:cnblogs.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!