大家好我是編程初學者。當我在網頁上上下拖動圖像時，我想更改圖像的大小？
當我拖動它時，尺寸應該減小。我可以通過動畫改變它的大小，現在我想讓它發生，當我拖動它。下面的代碼向上或向下拖動圖像時，如何更改圖像的大小？

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div.hidden 
{ 
width:20px; 
height:80px; 
background:white; 
position:relative; 
overflow:hidden; 
left:50px; 
top:400px; 
-webkit-animation-timing-function:linear; 
-webkit-animation:myfirst 5s ; 
} 

@-webkit-keyframes myfirst /* Safari and Chrome */ 
{ 
from {background:white; height:0px;width:0;left:50px; top:40px; } 

to {background:white; height:80px;width:20px;left:50px; top:430px;} 

} 
</style> 
</head> 
<body background="road.jpg"> 
<div style="position:relative;width:126px;height:350px; overflow:hidden; border: solid    1px;left:639px;top:307px;"> 
<div class="hidden";></div> 
</div> 

To: <input type="text" name ="To"><br><br> 


</body> 
</html>

2013-07-20 Chandan Walia

這不是一個準備使用的例子，但它的想法，將幫助你..

var dragging = false; 
$('img').mousedown(function(){ 
    dragging = true; // Detect if we are dragging the image 
}); 

$(document).mousemove(function(){ 
    if(dragging === true) { 
     $('img').height(event.pageY + 'px'); // Detect how many pixels high from the top of the screen 
    } 
}); 

$(document).mouseup(function(){ 
    dragging = false; // detect when we are done 
});

Demo

爲了得到這個網站上的工作或某些東西，而不是使用event.pageY，您可能需要對圖像的height進行一些計算，然後嘗試並計算出需要添加或移除多少個像素來自圖像。

來源

2013-07-20 09:46:47 iConnor

感謝您的關注 –

如果你得到預期的結果，接受這個答案。 – DRAJI

向上或向下拖動圖像時，如何更改圖像的大小？

回答

Demo

相關問題