제어 CSS 상태 : 활성, 활성, 호버

Question

class = "myClass1"인 링크가 있다고 가정 해 봅시다. 자바 스크립트를 통해이 링크의 클래스를 제어 할 수 있습니다 ... 예 : 우리는 링크에 myClass2를 추가 할 수 있습니다. 제 질문은 Javascript를 통해 상태를 제어 할 수 있습니까? a.myClass1에 가져가 상태를 제거 : 나는 아이 패드에 호버 상태 클래스에 대한 몇 가지 문제에 직면하고,

그냥 추가 가져 ..

감사합니다.

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 

}