<div id="social-bar">  
  <a target="_blank" href="http://ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/facebook.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/facebook1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/vkontakte.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/vkontakte1.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/odnoklassniki.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/odnoklassniki-1-.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/google-plus.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/google-plus-1-.png" /></a>
   
  <a target="_blank" href="ССЫЛКА НА ГРУППУ"><img src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/LinkedIn.png" /><img class="hidden" src="http://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/6/LinkedIn-1-.png" /></a>
   
  </div>  
  <script>  
  $( '#social-bar a' ).mouseover( function () {  
  $( 'img:first', $( this ) ).hide();  
  $( 'img.hidden', $( this ) ).show();  
  } );  
  $( '#social-bar a' ).mouseout( function () {  
  $( 'img.hidden', $( this ) ).hide();  
  $( 'img:first', $( this ) ).show();  

  } );  
  </script>

  
  #social-bar{position: fixed; bottom: 20px; right: 0; height: 165px; width: 20px; background-color: #fff; padding: 10px;  
  z-index: 10000;  
  border: 1px solid #aaa;  
  border-right: 0;  

  -webkit-border-radius: 10px 0 0 10px;  
  -moz-border-radius: 10px 0 0 10px;  
  border-radius: 10px 0 0 10px;  

  -moz-opacity: 0.3;  
  -khtml-opacity: 0.3;  
  opacity: 0.3;  

  transition: opacity 0.5s linear;  
  -moz-transition: -moz-opacity 0.5s linear; /* FF3.7+ */  
  -o-transition: opacity 0.5s linear; /* Opera 10.5 */  
  -webkit-transition: opacity 0.5s linear; /* Saf3.2+, Chrome */  
  }  
  #social-bar:hover{  
  -moz-opacity: 1;  
  -khtml-opacity: 1;  
  opacity: 1;  
  }  
  #social-bar img{  
  width: 25px;  
  margin-bottom: 10px;  
  }  
  .hidden{  
  display: none;  
  }