紙をめくる様なエフェクトを実装するjQuery The Sexy Curls jQuery Plugin!

あなたのサイトのページに本をめくるようなエフェクトを簡単に実装することが出来るjquery pluginです。

■デモページ

■サンプル　ダウンロード

HTML

<script type="text/javascript" src="turn/turn.js"></script>
  <link rel="stylesheet" type="text/css" href="turn/turn.css">

 <img id="target" src="turn/code.png">

JQUERY CODE

  $(document).ready(function(){

    $( '#target' ).fold();

  });

CSS CODE

  // Default awesomeness

  var defaults = {

    directory: 'turn',      // The directory we're in

    side: 'left',           // change me to "right" if you want rightness

    turnImage: 'fold.png',  // The triangle-shaped fold image

    maxHeight: 400,         // The maximum height. Duh.

    startingWidth: 80,     // The height and width 

    startingHeight: 80,    // with which to start (these should probably be camelCase, d'oh.)

    autoCurl: false         // If this is set to true, the fold will curl/uncurl on mouseover/mouseout.

  };