регистрация
856материалов
3289комментариев
235тем на форуме
6857пользователей

Кот на сайт для 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">     
     <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://webmaster-ucoz.ru/ucoz/1/img/cat/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://webmaster-ucoz.ru/ucoz/1/img/cat/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://webmaster-ucoz.ru/ucoz/1/img/cat/cat-eye.png);     
}     
.cat-eyeball {     
     position: absolute;     
     left: 7.5px;     
     top: 7.5px;     
     width: 13px;     
     height: 13px;     
     background: url(http://webmaster-ucoz.ru/ucoz/1/img/cat/cat-eyeball.png);     
}     
#cat-eye-left {     
     left: 25px;     
     top: 23px;     
}     
#cat-eye-right {     
     left: 74px;     
     top: 26px;     
}


Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 13.01.2017 в 11:00
Материал просмотрен: 3334 раза
Категория материала: Скрипты для uCoz
К материалу оставлены: 3 комментария

Пожаловаться
Сказать спасибо

3 комментария


Sergiop
Сергей @Sergiop 14.02.2017 04:182
0
А закажи установку!!
avatar
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0