Показать сообщение отдельно
  #9 (permalink)  
Старый 21.06.2016, 15:12
Аватар для FreeZon
Аспирант
Отправить личное сообщение для FreeZon Посмотреть профиль Найти все сообщения от FreeZon
 
Регистрация: 01.08.2014
Сообщений: 44

Сообщение от Dilettante_Pro Посмотреть сообщение
FreeZon,
В первом приближении... как черновик для дальнейшего развития
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" >
    <title>Untitled Page</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(document).mousemove(function (e) {
               var n = getComputedStyle(document.documentElement).height.slice(0, -2);
               var s = getComputedStyle(document.documentElement).width.slice(0, -2);
                $('#logo_img').css('transform', 'rotateY(' + ((s / 2 - e.pageX) / 10) + 'deg) rotateX(' + (( e.pageY) / 10) + 'deg)');
              });
        });
    </script>
  </head>
  <body>
  <div id = 'logo_img' style="position:absolute;width:200px;height:200px;left:40%;">
   <img src="http://javascript.ru/forum/image.php?u=36419&dateline=1406918590" style="position:relative;width:100%;height:100%" >
  </div>
  </body>
</html>
Вот объясни теперь почему по Y в градусах мы должны из половины высоты вычесть координаты мыши по Х.
А в ротате Х ни чего вычитать не надо просто дели координаты мыши по У на чувствительность ?
Объясни как все это считается формула может
Ответить с цитированием