Главная » 2011 » Октябрь » 20 » Плавное увеличение объектов при наведении на jQuery (Javascript)
20.10.2011, 16:32

Плавное увеличение объектов при наведении на jQuery




ДЕМО МАТЕРИАЛА

Установка:

Для начала в head вставьте следующий код:
Code
<style type="text/css">  
  body{padding:10px 100px;}  
  .zoom{  
  position:relative;  
  cursor:pointer;  
  left:0;  
  top:0;  
  }  
  </style>  
  <script type="text/javascript">  
  $(function(){  
  $('.zoom').hover(function(){  
  $(this).stop().animate({width:"130px",height:"130px",left:"-25px",top:"-25px"}, 400);  
  $(this).attr("src","pic2.png");  
  },  
  function(){  
  $(this).stop().animate({width:"50px",height:"50px",left:"0",top:"0"}, 400);  
  $(this).attr("src","pic1.png");  
  });  
  });  
  </script>

Внимательно всмотритесь в код (Как и где пропичываются ссылки на изображения)

Сами объекты увеличения прописываются следующим образом:
Code
<img src="pic1.png" class="zoom" alt="" />
Материал взят с сайта infoscript.ru
Теги: Скачать Плавное увеличение объектов при наведении на jQuery
Скачать "Плавное увеличение объектов при наведении на jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 2532 | Добавил: manikom-auto | Рейтинг: 2.5/2 |
Теги: наведении, Плавное, jQuery, объектов, При, На, увеличение
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]