3 311 Скрипты / Animation

Вращающееся изображение


При клике по изображению и перемещениях мышки изображение будет вращаться. Для данного эффекта используется jQuery плагин rotate.

HTML

Тут главное два изображения, которые будем вращать:

<div id="content">
    <img src="img.jpg"/>
</div>
<div id="circle">
    <img src="img.jpg"/>
</div>

CSS

Стили только для оформления самих изображений:

JS

Подключаем jQuery, плагин и инициализируем этот плагин:

<script type="text/jаvascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="jquery.rotate.js"></script>
<script>
    $(function() {
        $("#content").myrotate();
        $("#circle").myrotate();
    });
</script>
Скачать 353Загрузок 28,19 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи