Главная » Файлы » Прочие скрипты » jQuery |
Вращение изображений через плагин jquery rotate для uCoz
24.06.14, 08:41:52 | |
ДЕМО Данный плагин позволяет поворачивать картинки на нужный угол как статично, так и при наведении курсора. Также позволяет бесконечно вращать картинку Установка: После /head вставляйте: Код <script type="text/javascript" src="/js/jqueryrotate.2.1.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { // Функция статичного поворота на 45 градусов jQuery("#rotate1").rotate(45); // Постоянное вращение картинки var angle = 0; setInterval(function(){ angle+=3; jQuery("#rotate2").rotate(angle); },50); // Поворот при наведении курсора на 180 градусов jQuery("#rotate3").rotate({ bind: { mouseover : function() { $(this).rotate({animateTo:180}) }, mouseout : function() { $(this).rotate({animateTo:0}) } } }); }); </script> В любое место вставляем картинки: Код <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate1" /> <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate2" /> <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate3" /> Скрипт из прикреплённого архива залейте в папку js Источник: http://www.xiper.net Материал подготовлен Apocalypse | |
Просмотров: 522 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |