a 태그 호버시 다른 div 태그 확대
본문
밑에 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>
답변 2
jquery hover 함수랑 css함수 응용하시면 되겠네요.
<script>
$(".asd").hover(function() {
$('.c1').width('300');
$('.c1').height('300');
});
</script>
.c1 을 jquery animate 를 이용하여 부드럽게 키울수도 있습니다.
답변을 작성하시기 전에 로그인 해주세요.
