マウスイベント：マウスオーバー、onclickの、静的

Question

私は3つの異なる状態（同じボタンの3種類の画像を）持っているボタンをたい -static -hover +クリック -release（バック静的に）

私は、画像をマウスで移動する例はたくさんありましたが、クリックオプションは何も見つかりませんでした。

感謝:)

Answer 1

ハイレベルの答え：CSS1 :active pseudo-classを使用しています。

#myButton { 
    /* static state */ 
} 

#myButton:hover { 
    /* hover state */ 
} 

#myButton:active { 
    /* state while clicked but not released */ 
} 

Answer 2

したいイベントがあるからmouseover、mouseout、mousedown、およびmouseup

ている、あなたは簡単に背景を移動することができます。

document.getElementById('my_element').style.backgroundPosition='100px 100px'