この記事では、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 div>div>第1页 div>