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

この記事では、jQueryのturn.js ライブラリを紹介し、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 サイトの他の関連記事を参照してください。