채택완료

마우스오버 효과좀 질문하게요 ㅠ

2016-09-23 (금) 11:01:27 2,534

마우스오버하면 초록색박스 올라가고 전체 약간 어두어지고 주위 테두리 생길수 잇나요?

e19333a57ca77a5dc2e2bea2f128cf5e_1474595424_5509.PNG 

   <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개

채택된 답변
+20 포인트
2016-09-23 (금) 11:08:03
Copy
<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>

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