Âñå, ÷òî íóæíî çíàòü
î ñîöèàëüíûõ ñåòÿõ.

<style>  <br>  #menu {list-style:none;margin:0;padding:0;}  <br>  #menu a {font:11px Arial;font-weight:bold;  <br>color:#fff;text-decoration:none;display:block;margin-top:4px;padding-top:3px;}  <br>  #menu li {float:left;display:block;width:100px;height:30px;margin:1px;  <br>background:#000;text-align:center;cursor:pointer;}  <br>  #menu li:hover {background:#FF9900;}  <br>  </style>  <br>  <ul id='menu'>  <br>  <li><a href='http://www.goucoz.do.am'> goucoz.do.am </a></li>  <br>  <li><a href='http:// goucoz.do.am '> goucoz.do.am </a></li>  <br>  <li><a href='http:// goucoz.do.am '> goucoz.do.am </a></li>  <br>  <li><a href='http:// goucoz.do.am'> goucoz.do.am </a></li>  <br>  </ul >  <br>  <script>  <br>  li = document.getElementById('menu').getElementsByTagName('a');  <br>  e=1;  <br>  document.getElementById('menu').onmouseover = function(){  <br>  b = setInterval(function(){  <br>  if(e<8){e=e+0.5}  <br>  for(i=0;i<li.length;i++){  <br>  li[i].style.paddingTop=Math.random()*e+'px';  <br>  li[i].style.paddingLeft=Math.random()*e+'px';  <br>  }  <br>  },10)};  <br>  document.getElementById('menu').onmouseout = function(){  <br>  clearInterval(b);  <br>  for(i=0;i<li.length;i++){  <br>  li[i].style.paddingTop='3px';  <br>  li[i].style.paddingLeft='0px';  <br>  e=1;  <br>  }  <br>  };  <br>  </script>