Как повернуть див по часовой стрелке при помощи Jquery?
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-23 23:50:05.160000
|
|
|
Agent Smith
Сообщений: 976
Оценки: 0
Присоединился: 2007-04-10 21:56:49.593333
|
Есть див такого формата
|——————————–|
| |
| o
| |
|____________________________|
Нужно его повернуть по клику на него на определенный градус. Центр оборота находится на одной из граней. На схеме я указал точку поворота буквой "о". Это значит, что во время оборота точка "о" остается на своем месте, а противоположная грань поворачивается по часовой стрелке пускай на 90 градусов.
Если это не возможно сделать на JQuery, то на чем можно?
|
|
|
|
|
RE: Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-26 01:03:23.356666
|
|
|
dOver
Сообщений: 140
Оценки: 0
Присоединился: 2007-03-31 04:41:56.070000
|
Можешь посмотреть как сделаны аналоговые часы яваскриптом на http://randomibis.com/coolclock/
Наверняка найдешь нужные куски кода! Не составит труда и на JQuery перенести.
|
|
|
|
|
RE: Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-26 09:15:11.126666
|
|
|
zhuk
Сообщений: 2962
Оценки: 10
Присоединился: 2007-02-20 21:00:01.303333
|
Можно обойтись без jQuery.
Полезная статья: http://habrahabr.ru/blogs/css/58732/
Я как раз в комментариях приводил примеры для поворота на произвольный угол.
АПД: Оказывается мои примеры в статью добавили :)
|
|
|
|
|
RE: Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-26 11:00:08.646666
|
|
|
Agent Smith
Сообщений: 976
Оценки: 0
Присоединился: 2007-04-10 21:56:49.593333
|
quote:
ORIGINAL: zhuk
Можно обойтись без jQuery.
Полезная статья: http://habrahabr.ru/blogs/css/58732/
Я как раз в комментариях приводил примеры для поворота на произвольный угол.
АПД: Оказывается мои примеры в статью добавили :)
Статья, то полезная, но я имел в виду динамический поворот. А там, на сколько я понимаю, - статический. Но я нашел пример того, что искал: тут http://raphaeljs.com/hand.html и тут http://raphaeljs.com/image-rotation.html
|
|
|
|
|
RE: Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-26 13:05:54.150000
|
|
|
zhuk
Сообщений: 2962
Оценки: 10
Присоединился: 2007-02-20 21:00:01.303333
|
Добавить анимацию проще простого, тем более в jQuery.
$('#id').animate({param: 1234});
|
|
|
|
|
RE: Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-26 17:04:35.430000
|
|
|
Agent Smith
Сообщений: 976
Оценки: 0
Присоединился: 2007-04-10 21:56:49.593333
|
quote:
ORIGINAL: zhuk
Добавить анимацию проще простого, тем более в jQuery.
$('#id').animate({param: 1234});
я что-то не совсем понял что ты имел в виду? animate - команда JQuery,которая двигает какой-то объект.
|
|
|
|
|
RE: Как повернуть див по часовой стрелке при помощи Jquery? - 2009-06-26 17:25:54.773333
|
|
|
zhuk
Сообщений: 2962
Оценки: 10
Присоединился: 2007-02-20 21:00:01.303333
|
Не двигает, а анимирует. Анимировать можно любое свойство, которое имеет числовое значение.
http://docs.jquery.com/Effects/animate
|
|
|
|
|
|
