채택완료

링크 클릭 후 배경 고정

2016-07-25 (월) 14:12:06 2,674

안녕하세요

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

Copy
<style>a:link, a:visited {color:#fff841}a:hover {color:#fff}</style>     <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>  <a href="#" onClick="sink(this);">        <p>테스트</p></a>

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

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

|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

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

부분을

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

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

답변에 대한 댓글 2개

2016-07-25 (월) 15:08:04
잘안되는데... 가로 세로 사이즈를 지정해줘야 하나요?
<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로 하셔야 합니다.

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