» » jQuery - сколько пикселей до объекта. Или от элемента :)

jQuery - сколько пикселей до объекта. Или от элемента :)

4-03-2015, 22:15
Автор: .
Просмотров: 1 068
Комментариев: 0
Версия для печати
 

jQuery  -  сколько пикселей до объекта. Или от элемента :)

 

Скрипт покажет расстояние от объекта в пикселях

	
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
(function() {
    
    var mX, mY, distance,
        $distance = $('#distance span'),
        $element  = $('#element');

	
    function calculateDistance(elem, mouseX, mouseY) {
        return Math.floor(Math.sqrt(Math.pow(mouseX - (elem.offset().left+(elem.width()/2)), 2) + Math.pow(mouseY - (elem.offset().top+(elem.height()/2)), 2)));
    }

	
    $(document).mousemove(function(e) {  
        mX = e.pageX;
        mY = e.pageY;
        distance = calculateDistance($element, mX, mY);
        $distance.text(distance);         
    });

	
})();
});//]]>  

	
</script>

	

	
</head>
<body>
  <p>Move your mouse to calculate distance between the center of the element and the mouse cursor.</p>

	
<p id="distance">Distance: <span>0</span>px</p>

	
<div id="element"></div>
Рейтинг статьи:
  
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.