控制CSS状态:悬停,活动

时间:2011-07-27 10:59:28

标签: javascript html css ipad mobile-safari

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

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

谢谢。

1 个答案:

答案 0 :(得分:0)

我希望我理解你。不幸的是,我没有使用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个处理程序。

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

}