Новый вид статистики на любую страницу uCoz by webo4ka.ru

<style>  
  .wStatistic {position:fixed; bottom:10px; right:-5px; z-index:9999;}  
  .wRing {border:2px solid; width:30px; line-height:30px; text-align:center; font-size:14px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px; border-radius: 60px; behavior: url(border-radius.htc);}  
  .wOnlain {background:#eeffdd; border-color: #66cc00;color: #66cc00;}  
  .wOurs {background:#ddeeff; border-color: #0066cc;color: #0066cc;}  
  .wForeign {background:#ffdddd; border-color: #cc0000;color: #cc0000;}  

  #wOnlain span {visibility:hidden; position:absolute; bottom:41px; right:117px; z-index:999; width:auto; margin-left: -127px; padding:2px 4px; border: 2px solid #000; opacity: 0.9; background-color:#000; -moz-border-radius:4px; border-radius:4px; cursor:auto; color:#fff;}  
  #wOnlain:hover {border:0;}  
  #wOnlain:hover span {visibility:visible;}  
  #wOnlain span:before, #wOnlain span:after {content: ""; position:absolute; z-index:1000; bottom:-7px; left:50%; margin-left:-8px; border-top:8px solid #000000; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0;}  

  #wOurs span {visibility:hidden; position:absolute; bottom:41px; right:67px; z-index:999; width:auto; margin-left: -127px; padding:2px 4px; border: 2px solid #000; opacity: 0.9; background-color:#000; -moz-border-radius:4px; border-radius:4px; cursor:auto; color:#fff;}  
  #wOurs:hover {border:0;}  
  #wOurs:hover span {visibility:visible;}  
  #wOurs span:before, #wOurs span:after {content: ""; position:absolute; z-index:1000; bottom:-7px; left:50%; margin-left:-8px; border-top:8px solid #000000; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0;}  

  #wForeign span {visibility:hidden; position:absolute; bottom:41px; right:14px; z-index:999; width:auto; margin-left: -127px; padding:2px 4px; border: 2px solid #000; opacity: 0.9; background-color:#000; -moz-border-radius:4px; border-radius:4px; cursor:auto; color:#fff;}  
  #wForeign:hover {border:0;}  
  #wForeign:hover span {visibility:visible;}  
  #wForeign span:before, #wForeign span:after {content: ""; position:absolute; z-index:1000; bottom:-7px; left:50%; margin-left:-8px; border-top:8px solid #000000; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:0;}  
  </style>  

  <div class="wStatistic">  
  <div id="wOnlain" style="float:left; margin-right:20px;"><span>Онлайн</span><div class="wRing wOnlain" id="visitors">0</div></div>  
  <div id="wOurs" style="float:left; margin-right:20px;"><span>Наших</span><div class="wRing wOurs" id="members">0</div></div>  
  <div id="wForeign" style="float:left; margin-right:20px;"><span>Чужих</span><div class="wRing wForeign" id="guests">0</div></div>  
  </div>  

  <script>  
  $.get('/forum ',function(data){  
  var statistics = [$('.gTable:last .gTableSubTop b:first',data).html(), $('.gTable:last .gTableSubTop b + b',data).html(), $('.gTable:last .gTableSubTop b',data).eq(2).html()]  

  // Онлайн  
  $({numberValue: $('#visitors').text()}).animate({numberValue: statistics[0]}, {  
  duration: 1000,  
  easing: 'linear',  
  step: function() {  
  $('.wOnlain').text(Math.ceil(this.numberValue));  
  }  
  });  

  // Авторизованных  
  $({numberValue: $('#members').text()}).animate({numberValue: statistics[1]}, {  
  duration: 1000,  
  easing: 'linear',  
  step: function() {  
  $('#members').text(Math.ceil(this.numberValue));  
  }  
  });  

  // Гостей  
  $({numberValue: $('#guests').text()}).animate({numberValue: statistics[2]}, {  
  duration: 1000,  
  easing: 'linear',  
  step: function() {  
  $('#guests').text(Math.ceil(this.numberValue));  
  }  
  });  
  }); /*by webo4ka.ru - удалять источник запрещено!!!*/  
  </script>