iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。
iOSのホーム画面に作られるフォルダっぽいのを作る、というjQueryプラグインです。
※ドラッグで動かせる、というのは残念ながら付いてないです。
App Folders
フォルダをクリックすると開く的なやつです。
↑ 開いた箇所はハイライトされる
コード
< script type = 'text/javascript' src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js' ></ script > < script src = "jquery.app-folders.js" ></ script > |
本体とライブラリw読み込む
$( '.foo' ).appFolders({ opacity: .2, // セレクトしてない箇所の透過度 marginTopAdjust: true , // margin-topの調整 marginTopBase: 0, // margin-topの調整がtureの場合の調整数値 marginTopIncrement: 50, // 同上 animationSpeed: 200, // アニメーションエフェクトの速度 URLrewrite: true , // rewriteするかどうか(試してないからよくわからないけどフォルダ内にURLを指定出来る?) URLbase: "/" , // URLのベース internalLinkSelector: ".bar a" // フォルダを開くトリガーの箇所 }); |
オプション。ちゃんとテストしてないのでただの翻訳です。
ライセンスはMITとのこと。以下よりどうぞ。