메뉴 오버시 효과를 주고 싶습니다.
본문
그누 기본 메인메뉴를 사용하고 있고요. 위의 이미지처럼 마우스 오버시 효과를 주고 싶습니다.
.gnb_1dli_on .gnb_1da {background-color:#;color:#639825;}
위의 소스에 추가할 부분이 뭔가요?
답변 2
참고해서 응용해보세요
.gnb_1da {
}
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.gnb_1da :hover {
background-color:#5cbf2a;
}
위 처럼 동그란 온오프는 이미지로 보통 합니다.
background-image로 온오프일때 이미지를 변경 해주시면 될듯 합니다.
저 같은경우에는 jquery로
<a href=""><img src="회사소개" onmouseover="$(this).attr('src', '온 이미지');" onmouseout="$(this).attr('src', '아웃 이미지');"/></a>
답변을 작성하시기 전에 로그인 해주세요.