https://javascript.ru/forum/job/2876...tml#post183237
|
Сообщение от Gvozd
|
продолжает равномерное движение в том же направлении куда двигали, на такое же расстояние(по модулю)
если нужно четко заданное расстояние, то просто нужно немного посчитать
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
overflow: hidden;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
$('#map').draggable({
start: function(event, ui) {$(this).stop()},
stop: function(ev, data) {
var coef = 1.0
var left = (data.position.left - data.originalPosition.left) * coef;
var top = (data.position.top - data.originalPosition.top) * coef;
$(this).animate({
left: '+=' + left,
top: '+=' + top
}, 800, 'easeInSine');
}
})
});
</script>
</head>
<body>
<img id ="map" src="http://www.nationalgeographic.com/content/dam/travel/rights-exempt/Travel-2016/59-parks-52-weeks/sequoia/giant-tree-trail-sequoia-national-park.jpg"></img>
</body>
</html>