테스트 사이트 - 개발 중인 베타 버전입니다

링크 클릭 후 배경 고정 채택완료

그누배우자 9년 전 조회 2,452

안녕하세요

 

링크를 클릭하면 해당 폰트 색상과 배경이 다른곳을 클릭하기 전엔 고정되게 하려고 하고 있습니다.

 

</p><p><style></p><p>a:link, a:visited {color:#fff841}
a:hover {color:#fff}</p><p></style></p><p> </p><p>    <script> 
    var temp; 
    function sink(obj) { 
      if(temp) { 
        temp.style.color = ""; 
        temp.style.fontWeight = "normal"; 
      } 
      obj.style.color = "#fff"; 
      obj.style.fontWeight = "bold"; 
      obj.style.background-images = "img/bg.gif"; 
    temp=obj; 
    } 
    </script> </p><p> </p><p><a href="#" onClick="sink(this);">
        <p>테스트</p>
</a></p><p>

 

일단 글씨 색상은 클릭 후 고정이 되어있는데요

배경은 바뀌지가 않네요 ㅠ 도움을 요청합니다.! 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
p
9년 전

obj.style.background-images = "img/bg.gif";

부분을

obj.style.backgroundImage = "url('img/bg.gif')";

로 수정해서 적용해 보세요. 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

그누배우자
9년 전
잘안되는데... 가로 세로 사이즈를 지정해줘야 하나요?
p
port
9년 전
<a href="#" onClick="sink(this);">
<p>테스트</p>
</a>
부분에서 <p>와 </p> 를 제거하고
<a href="#" onClick="sink(this);">
테스트
</a>
로 수정해 보시고요.
obj.style.backgroundImage = "url('img/bg.gif')";
에서 background 다음에 영문 i는 소문자로 하지 마시고 반드시 대문자 I로 하셔야 합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인