DabTilt.Tilt()

DabTilt.Tilt(dir, element, cssTo [, cssFrom])

要素のclass属性を変更する。

dir: String
"up", "down", "right", "left" のいずれか
element: String || HTMLElement
適用する要素のID、または要素
cssTo: String
dirで指定された方向の傾きが検出されたときに追加するclass属性
cssFrom: String
dirで指定された方向の傾きのあと、dirと逆方向の傾きが検出されたときに追加するclass属性
cssToは削除される 
<style>
.navigation { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="navigation">menu</div>

<script>
	DabTilt.Tilt('right', 'popupmenu', 'open');
</script>
右に傾けるとclass属性が"navigation open"になる。
その後、左に傾けると、"navigaton"に戻る。
<style>
.close { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="close">menu</div>

<script>
	DabTilt.Tilt('right', 'popupmenu', 'open', 'close');
</script>

右に傾けるとclass属性が"open"になる。
その後、左に傾けると"close"に戻る。

DabTilt.Tilt(dir, element, callbackFW [, callbackRV])

コールバック関数を呼び出す。
第二引数の要素はコールバック関数内で、変数thisから参照できる。

dir: String
"up", "down", "right", "left" のいずれか
element: String || HTMLElement
適用する要素のID、または要素
callbackFW: Function
dirの方向に傾けたときに実行される関数
callbackRV: Function
dirの方向に傾けた後、次にdirと逆方向に傾けたときに実行される関数

callback関数に渡される引数

function callback(element)

element : HTMLElement
Tilt()呼び出し時の第二引数の要素。
callback関数内部では、thisでも参照できる。 
<style>
.navigation { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="navigation">menu</div>

<script>
	DabTilt.Tilt('right', 'popupmenu', 
		function(e){ this.className='open'; },
		function(e){ this.className='navigation'; }
	);
</script>

DabTilt.Tilt(dir, callback [, bool])

コールバック関数を呼び出す。

dir: String
"up", "down", "right", "left" のいずれか
callback: Function
dirの方向に傾けたときに実行される関数
bool: Boolean (default: true)
true : dirの逆方向の傾きを感知する
逆方向は必ずdirの後にだけ呼び出される

callback関数に渡される引数

function callback(dir)

dir : String
"up", "down" , "right", "left"のいずれか
<script>
	DabTilt.Tilt('right', function(dir){alert('tilt '+dir);});
</script>
<script>
	DabTilt.Tilt('right', function(dir){alert('tilt right: '+dir);}, false);
	DabTilt.Tilt('left', function(dir){alert('tilt left: '+dir);}, false);
</script>>
第三引数にfalseを指定することで、rightの方は常にrightのみが実行され、leftの方が常にleftのみが実行される。

DabTilt.Tilt(dir, callbackFW, callbackRV)

コールバック関数を呼び出す。
準方向、逆方向の両方を指定する。

dir: String
"up", "down", "right", "left" のいずれか
callbackFW: Function
posの方向に傾けたときに実行される関数
callbackRV: Function
dirの方向に傾けた後、次にdirと逆方向に傾けたときに実行される関数
<script>
	DabTilt.Tilt('right', 
		function(dir){ alert(dir); },
		function(dir){ alert(dir); }
	);
</script>

同方向が連続で呼び出されることはない。
また、callbackFWが呼び出された後でなければcallbackRVは呼び出されない。

DabTilt.Tilt(dir)

傾き検知を停止する。

dir: String
"up", "down", "right", "left" のいずれか
<script>
	DabTilt.Tilt('right');
</script>