마우스오버 효과좀 질문하게요 ㅠ
본문
마우스오버하면 초록색박스 올라가고 전체 약간 어두어지고 주위 테두리 생길수 잇나요?
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="thumbnail">
<img src="images/gallery/p03.jpg" alt="Thumbnail Image 1" class="thumbnail">
</div>
</div>
<div class="col-md-6">
<div class="thumbnail"><img src="images/gallery/p04.jpg" alt="Thumbnail Image 1" class="thumb">
</div>
</div>
</div>
</div>
답변 1
<script language="javascript">
function thum_eff()
{
document.getElementById('con').style.background='#000'; // con 배경 검게
}
</script>
<div class="container" id="con" style="width:500px; height:300px; background: #00cccc;">
<div class="row">
<div class="col-md-6">
<div class="thumbnail">
<div class="test" style="width:100px; height:100px; background:#fff100;"></div>
<img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" alt="Thumbnail Image 1" class="thumbnail">
</div>
</div>
<div class="col-md-6">
<div class="thumbnail" id="thumb2">
<a onmouseover="thum_eff();"><img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" alt="Thumbnail Image 1" class="thumb" ></a>
</div>
</div>
</div>
</div>
답변을 작성하시기 전에 로그인 해주세요.