Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 1154 Просмотров
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Всем привет!
Сайт: http://3d-photo.stroi-business.ru/
Мне нужно сделать parallax-эффект компаса на заднем фоне формы заявки.
Оно должно крутиться. Я реализовал это в самом простом виде, но мне кажется это полный отстой.
Вот скрипт (так же есть функция, которую я пока не использую, но она форматирует CSS свойства transform, возвраемое скриптом):
Код: javascript

$("#containerTop").mousemove(function(e){
var compas = $(this).find('.compas');
var plusDeg = e.pageX/100;
//var deg = getRotationDegrees($("#containerTop .compas"));
//console.log(deg);
$(this).find(" .compas").css('-webkit-transform', 'rotate('+ plusDeg +'deg)');
});

function getRotationDegrees(obj) {
    var matrix = obj.css("-webkit-transform") ||
    obj.css("-moz-transform")    ||
    obj.css("-ms-transform")     ||
    obj.css("-o-transform")      ||
    obj.css("transform");
    if(matrix !== 'none') {
        var values = matrix.split('(')[1].split(')')[0].split(',');
        var a = values[0];
        var b = values[1];
        var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
    } else { var angle = 0; }
    return (angle < 0)? angle +=360 : angle;
}


Как вы моете видеть оно поворачивается на 13 градусов и строго в одном направлении. Я хотел бы сделать так, чтобы его можно было крутить как руль.
Т.е. вращаем мышку по кругу и колесо крутится соответственно.
Для этого нужно использовать координаты e.clientY или e.pageY, но до меня никак не дойдет как задавать нужный поворот.  crazy!
Помогите пожалуйста!  !
Хотя бы словами описать алгоритм работы.
Все вопросы и предложения на почту.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Задать отступы для скрипта

Автор zeberdee

Ответов: 11
Просмотров: 3582
Последний ответ 13.11.2013, 20:49:40
от zeberdee
Как правильно прописать CSS стили для правильнойработы скрипта?

Автор RAZORG1991

Ответов: 1
Просмотров: 1856
Последний ответ 16.11.2012, 16:30:57
от RAZORG1991
правильный синтаксис: a:visited и класс?

Автор Cerhio

Ответов: 4
Просмотров: 2193
Последний ответ 14.04.2011, 23:58:59
от Cerhio