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

마우스 오버? 질문드립니다 채택완료

1년 전 조회 4,013

 

 

온오프 이미지를 구현하려고 합니다.  오프인 상태에서 마우스 포인트를 올려놓으면(마우스오버) on이미지가 뜨도록 하고싶은데 참고할만한 자료 있을까요?

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

답변 2개

채택된 답변
+20 포인트

</p>

<p>$(".a").mouseover(function(){</p>

<p>$(this).attr('src', 'on.jpg');</p>

<p>}).mouseout(function(){</p>

<p>$(this).attr('src', 'off.jpg');</p>

<p>})</p>

<p>

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

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

</p>

<p>    <style>

        .image-container {

            position: relative;

            display: inline-block;

        }

        .image-container img.b {

            display: none;

            position: absolute;

            top: 0;

            left: 0;

        }

        .image-container:hover img.a {

            display: none;

        }

        .image-container:hover img.b {

            display: block;

        }

    </style></p>

<p>    <div class="image-container">

        <img src="off.jpg" class="a" alt="Off Image">

        <img src="on.png" class="b" alt="On Image">

    </div></p>

<p>

이렇게 하시면 될듯 합니다.

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

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

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

로그인

전체 질문 목록

🐛 버그신고