안녕하세요 그누보드 왕초보입니다 // 간단한 질문하나만 답변 부탁드립니다
본문
안녕하세요 그누보드 왕초보입니다 // 간단한 질문하나만 답변 부탁드립니다
먼저 코딩먼저 보여드리겠습니다
<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
:hover로 백그라운드 이미지 처리하여 바꿔도됩니다.
감사합니다 ㅎㅎㅎ
그냥 일일이 HTML ONMOUSE OUTMOUSE로 진행했는데
혹시 이렇게 코딩을하면 구글SEO에서 안좋은 영향을 받나요 ?
감사합니다 ㅎㅎㅎ
그냥 일일이 HTML ONMOUSE OUTMOUSE로 진행했는데
혹시 이렇게 코딩을하면 구글SEO에서 안좋은 영향을 받나요 ?
mouseover와.mouseout의 개념을 네이년에서 검색하시면 많이 나올듯 합니다
직답 못드려 죄송합니다~
해결되었습니다 ㅎㅎ 감사합니다