마우스오버하면 초록색박스 올라가고 전체 약간 어두어지고 주위 테두리 생길수 잇나요?
<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>
답변을 작성하려면 로그인이 필요합니다.