iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders

スポンサーリンク

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

App Folders

URL :
TRB :

Ads

Posts

Contact

Services