안녕하세요 그누보드 왕초보입니다 // 간단한 질문하나만 답변 부탁드립니다 채택완료
안녕하세요 그누보드 왕초보입니다 // 간단한 질문하나만 답변 부탁드립니다
먼저 코딩먼저 보여드리겠습니다
<style>
.샘플배너1 img:last-child{display:none}
.샘플배너1:hover img:first-child{display:none}
.샘플배너1:hover img:last-child{display:inline-block}
</style>
<div class="샘플배너">
<ul>
<li><a href="#"><img src=""><img src=""></a></li>
<li><a href="#"><img src=""><img src=""></a></li>
<li><a href="#"><img src=""><img src=""></a></li>
</ul>
</div>
안녕하세요
그누보드 왕초보입니다
마우스오버효과를 내기위해서
div 태그안에 ul / li 를 묶어서 코딩을 해놨습니다
원했던 방식은
마우스 커서를 각개별로 올리면 각 박스개별로 이미지가 전환하기를 원했는데
이렇게 div라인 전체가 변경이됩니다
고수분들에게 이런민망한 코딩을 물어봐서 죄송합니다
각 개별이미지만 마우스커서를 올릴때 이미지 전환을 원한다면
어떤식으로 코드를 묶어야하나요 ?
답변해주신분께 미리 감사드립니다
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인
그냥 일일이 HTML ONMOUSE OUTMOUSE로 진행했는데
혹시 이렇게 코딩을하면 구글SEO에서 안좋은 영향을 받나요 ?