Суть скрипта в следующем: Батарейка показывает свой "Заряд", он зависит от кол-во посетителей на сайте... Немного бесмысленный скрипт, но зато украшает сайт))
Установка:
1) Это в css:
Code
#Battery{background:url(/img/Battery.png) no-repeat;width:144px;height:69px;}
#bg_Battery{background:url(/img/Battery_bg.png) no-repeat;width:0px;height:46px;margin-top:12px;margin-left:10px;position:absolute;}
#bg_Battery{background:url(/img/Battery_bg.png) no-repeat;width:0px;height:46px;margin-top:12px;margin-left:10px;position:absolute;}
2) Это в любое место, где хотите видеть батарейку:
Code
<div id="Battery"><div id="bg_Battery"></div></div>
<script type="text/javascript">
var tOnl = $('.tOnline b').text();
var w_battery = Number(tOnl) + Number('4');
if(w_battery>='2' && w_battery<='10'){var title = "Сайт пустует :(";}
if(w_battery>='11' && w_battery<='25'){var title = "На сайте есть с кем поговорить =)";}
if(w_battery>='26' && w_battery<='40'){var title = "Сайт плодится людьми хД";}
if(w_battery>='41' && w_battery<='122'){var title = "Прям как на рынке!";}
if(w_battery>='123'){var title = "Куда не глянь - люди!";}
$('#Battery').attr('title',title);
$('#bg_Battery').stop().animate({width:w_battery},400);
</script>
<script type="text/javascript">
var tOnl = $('.tOnline b').text();
var w_battery = Number(tOnl) + Number('4');
if(w_battery>='2' && w_battery<='10'){var title = "Сайт пустует :(";}
if(w_battery>='11' && w_battery<='25'){var title = "На сайте есть с кем поговорить =)";}
if(w_battery>='26' && w_battery<='40'){var title = "Сайт плодится людьми хД";}
if(w_battery>='41' && w_battery<='122'){var title = "Прям как на рынке!";}
if(w_battery>='123'){var title = "Куда не глянь - люди!";}
$('#Battery').attr('title',title);
$('#bg_Battery').stop().animate({width:w_battery},400);
</script>
3) Папку img кинуть в корень сайта.
Z Скачать Батарейка на сайт by max-good-life
Категория:
Cкрипты для uCoz
Просмотров:
753