一个图片在网页顶端向下落，鼠标点击停止，并得出图片移动的时间，这个用html，js怎么实现，大神指

一个图片在网页顶端向下落，鼠标点击停止，并得出图片移动的时间，这个用html，js怎么实现，大神指导下，谢谢

举报该问题

其他回答

第1个回答 2015-09-11

jquery 行？
var img=$(this).attr('src');
$("body").append('<img src="'+img+'">');

欢迎采纳追问

没看懂，能详细点吗？谢谢

追答

用这段代码直接替换就可以了

本回答被网友采纳

第2个回答 2017-07-06

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
img{
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<img src="http://pic.vjshi.com/2016-01-31/c1b57940b33346e29d5ead94ae3660c0.jpg"/>
</body>
<script type="text/javascript">
var img=document.getElementsByTagName("img")[0];
var t=0;
var timer;
function move(){
timer=setInterval(function(){
img.style.top=t+"px";
t++;
},1)
}
move();
img.onclick=function(){
clearInterval(timer);
var time=t;
alert(time+"毫秒");
}
</script>
</html>

最简单的，单位换算啥的自己看看改吧0 0.

相似回答

大家正在搜