Вторник, 26.09.2017, 03:18
Скрипты для Ucoz
Карта сайта
Главная | Увеличение картинки при наведении мыши - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
Страница 1 из 11
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Увеличение картинки при наведении мыши
Увеличение картинки при наведении мыши
bandjukДата: Пятница, 16.03.2012, 13:41 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Скрипт увеличивает картинку при наведении мыши:

Quote
<script type="text/javascript">
$(function(){$('.zoom2').hover(function(){$(this).stop().animate({width:"500",height:"370",left:"0px",top:"0px"},400);},
function(){$(this).stop().animate({width:"250",height:"185",left:"0px",top:"0px"},400);});});
</script>

красным оригинальный размер картинки.
синим - размер картинки, уменьшенный в 2 раза
ссылка на картинку

Code
<img src="http://fotki.ucoz.ua/images/site.jpg" class="zoom2" style="width: 250px; height: 185px;">
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Увеличение картинки при наведении мыши
Страница 1 из 11
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2017

Создать бесплатный сайт с uCoz