마우스오버 효과좀 질문하게요 ㅠ 채택완료

</p><p><script language="javascript">
function thum_eff()
{
document.getElementById('con').style.background='#000'; // con 배경 검게
}
</script></p><p><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="<a href="<a href="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" target="_blank" rel="noopener noreferrer">http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif</a>"><a href="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" target="_blank" rel="noopener noreferrer">http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif</a></a>"   alt="Thumbnail Image 1" class="thumbnail">
      </div>
    </div>
    <div class="col-md-6">
      <div class="thumbnail" id="thumb2">
        <a onmouseover="thum_eff();"><img src="<a href="<a href="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" target="_blank" rel="noopener noreferrer">http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif</a>"><a href="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" target="_blank" rel="noopener noreferrer">http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif</a></a>" alt="Thumbnail Image 1" class="thumb" ></a>
      </div>
    </div>
  </div>
</div></p><p>