控制CSS状态:悬停，活动

Question

假设我们有一个class="myClass1"的链接而通过Javascript，我们可以为这个链接添加控制类…我们可以将myClass2添加到链接中我的问题是，我们可以通过Javascript控制状态，例如删除悬停状态a.myClass1:hover

只是补充一下，我在iPad上的悬停状态类面临一些问题…

谢谢。

Answer 1

希望我没理解错。不幸的是，我没有使用ipad的经验。如果它们"理解"js事件，比如onMouseOver，这就可以工作了。

想法# 1:

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

这4个函数对应上面的4个处理程序。

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";
}

CSS中的

类:

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

}