텍스트, 배경, 표시 동작이있는 링크 요소

Question

그래서,이 하나는 약간 난처합니다. 나는 아마 틀린 각에서 다만 그것을보고있다, 확실하지 않다. 어쨌든, 여기에 간다 :

사이트에 탐색 구역이 있고, 커서가 위로 올랐을 때 하나의 배경 이미지를 갖기 위해 각 버튼 (링크 내용은 아래 iframe의 내용을 정의하는 링크)을 원한다. 하나는 해당 콘텐츠가 iframe에 표시되는 동안 나는 마지막 하나가 자바 스크립트를 필요로 할지도 모른다고 생각하지만 정말로 모르겠다. (이 모든 것은 여전히 ​​나에게 비교적 새로운 것이다.) 나는 적어도 그것의 일부가 평범한 a:link, a:hover, 등등에서 행해질 수 있기를 바라고있다.

모든 안내가 크게 감사하겠습니다.

Answer 1

는 클릭과은 iframe의 내용이 (자바 스크립트) 같은 변경 때 그것에 클래스를 추가

function changeIFrame(link) { 
    document.getElementsByTagName('iframe')[0].src = link.href; 
    link.className = 'activeFrame'; 
} 

HTML :

<a href="nameOfUrl.html" onclick="changeIFrame(this); return false;">link text</a> 

CSS :

.activeFrame { background-color: blue; } 

Answer 2

"current"라는 새 CSS 클래스를 만들고 해당 클래스가 해당 내용이 표시된 링크에 적용합니다. 다른 모든 사람들은 그것에 "현재"적용되지 않습니다.