DabTilt.Shake()

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

指定された要素のCSS属性を変更する。
dir: String
"shake" を指定可
element: String | HTMLElement
適用する要素のID、または要素
cssTo: String
追加するclass属性
cssFrom: String
削除するclass属性
<style>
.navigation { display: none; }
.open { display: block; }
</style>

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

<script>
	DabTilt.Shake('shake', 'popupmenu', 'open');
</script>
左右に２回以上振るとclass属性が"navigation open"になる。

DabTilt.Shake(dir, element, callback)

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

dir: String
"shake" を指定可
element: String || HTMLElement
callback関数に渡されるHTML要素のIDまたは要素
callback: Function
コールバック関数

callback関数に渡される引数

function callback(element)

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

<div id="popupmenu" class="navigation">menu</div>
<script>
    DabTilt.Shake('shake', 'popupmenu',
        function(e){ this.className='open'; }
    );
</script>

DabTilt.Shake(dir, callback)

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

dir: String
"shake" を指定可
callback: Function
コールバック関数

callback関数に渡される引数はありません。

<style>
.navigation { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="navigation">menu</div>
<script>
    function $(id){ return document.getElementById(id); }
    DabTilt.Shake('shake', 
        function(){ $('popupmenu').className='open'; },
    );
</script>