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とのこと。以下よりどうぞ。