The Sexy Curls


Description: 上部に「めくれ」を実装するプラグインです。注意を引き、コンテンツをアピールするのに効果的です。めくれはマウスで動かせるようになっています。
Sample: demo
Tutorial: The Sexy Curls jQuery Plugin!
License: MIT

Note

// 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.
  };

設定項目です

Related snippet :

  • Description: ボタンのクリックでLightbox風にギャラリーごとポップアップさせるプラグインです。ポップアップ以外にスライドダウン形式も用意。呼び出されるギャラ ...
  • Description: タブをページ推移無しで切り替えるプラグインです。切替時にも、縦にスライドするアニメーションが施されています。サイドバーなどで重宝しそう。 ...
  • Description: ビフォーアフターを実装するプラグインです。クロスブラウザで動いてくれますよ。実装にはjqueryUIが必要です。 Sample: dem ...
  • Description: エフェクトの豊富なスライドギャラリーです。昔のFlashライクなエフェクトでマークアップも簡単なので導入も手軽です。IE6での挙動はやや不安定です ...
  • Description: 画像を使わず、テキストでスタイリッシュなメニューやボタンを実装します。セレクトコンテンツやドロップダウンにも対応。クロスブラウザにも対応しています。 ...
  • Description: クリックでドロップダウンするメニューコンテンツを実装します。スムーズにダウンし、戻りもスムーズです。IE6でもIE7でも全く同様の動きをしてくれます ...
  • Description: フォームがアクティブの時にラベルを外にスライドさせます。通常はアクティブ時に消えますが、外にだすことで、入力補助になりそうです。クロスブラウザにも対 ...