コントロールCSSの状態：ホバー、アクティブ

Question

クラス= "myClass1"のリンクがあるとします。 JavaScriptを介して、このリンクのクラスを制御することができます。リンクにmyClass2を追加することができます 私の質問はJavaScriptを使用して状態を制御できますか？ a.myClass1にホバー状態を削除：ちょうど追加する

を置く、私はiPad上でホバー状態のクラスのためのいくつかの問題に直面しています。..

ありがとうございました。

Answer 1

私はあなたのことを正しく理解してくれることを願っています。残念ながら、私はIpadsの経験がありません。彼らがonMouseOverのようなjsイベントを「理解」しているなら、これはうまくいくかもしれません。

アイデア＃1：

<a href="index.html" 
onmouseover="Over(this)" 
onmouseout ="Out(this)" 
onmousedown="Down(this)" 
onclick = "Click(this); return true">link</a> 

これら4つの機能は、上記4つのハンドラに対応します。 CSSで

function Over(Link) // called by onmouseover event 
{      
    Link.className = "Over"; 
} 

function Out(Link) // called by onmouseout event 
{      
    Link.className = "Out"; 
} 

function Down(Link) // called by onmousedown event 
{      
    Link.className = "Down"; 
} 

function Click(Link) // called by onclick event 
{      
    Link.className = "Click"; 
} 

クラス：

a{} 
a.Over{} 
a.Out{} 
a.Down{} 
a.Click{} 

アイデア＃2： ちょうど同じように見える推移している通常のリンクとリンクを作ります。

a.myClass1:link{color: black; text-decoration:none;} 
a.myClass1:visited{// something different} 
a.myClass1:hover{color: black; text-decoration:none;} 
a.myClass1:active{// something different 

}