이전 목록 다음
미채택 완료

a 태그 호버시 다른 div 태그 확대

ssson4956
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-15 (목) 11:13:23 1,068

밑에 a태그를 호버했을 때 백그라운드 이미지가 깔린 div c1를 확대하고 싶은데 css로 어떻게 조정할 수 있을까요? 아시는 분 답변 부탁드리겠습니다. 감사합니다.

<div class="con44_box11 ">
<div class="con44_box c1">
<img src="<?php echo G5_THEME_IMG_URL ?>/con4_img1.png" alt="">
<div class="con4_line2"></div>
<p>견적상담</p>
</div>
<a href="" class="asd"><p>MORE</p><img src="<?php echo G5_THEME_IMG_URL ?>/con4_img1111.png" alt=""></a>
</div>

그누보드5
|

답변 2개

탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-15 (목) 11:54:08

<script>

$(".asd").hover(function() {
    $('.c1').width('300');

    $('.c1').height('300');

});
</script>

.c1 을 jquery animate 를 이용하여 부드럽게 키울수도 있습니다.

핑크빈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-15 (목) 11:28:04

jquery hover 함수랑 css함수 응용하시면 되겠네요.

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