想問(wèn)下各位,jquery中的animate動(dòng)畫(huà)在設(shè)置了速度 和 linear勻速之后,還是會(huì)出現(xiàn)因?yàn)閘eft值得不同而導(dǎo)致速度的不一樣,如果我想讓兩個(gè)元素的速度一樣,那我該怎么設(shè)置速度呢 ,根據(jù)left值來(lái)計(jì)算嗎? 代碼示例
圖片描述
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin:0;
padding: 0;
}
.run{
width:150px;
height:150px;
background: #5bc0de;
position: absolute;
left:900px;
top:30px;
}
.run2{
left:1900px;
top:190px;
}
</style>
</head>
<body>
<p class="run"></p>
<p class="run run2"></p>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
$('.run').animate({
left:0
},20000,'linear',function(){ // 兩個(gè)都是20s的速度 但是因?yàn)閘eft的值不同 速度還是不一樣
console.log(111)
})
</script>
</body>
</html>
小伙看你根骨奇佳,潛力無(wú)限,來(lái)學(xué)PHP伐。
速度能一樣才奇怪了,兩個(gè)起點(diǎn)不同,終點(diǎn)相同,即位移不同,而又指定了運(yùn)動(dòng)時(shí)間是相等的,都為20000,你說(shuō)勻速運(yùn)動(dòng)速度能相同嗎。你要速度相同,那就給定個(gè)期望速度值,根據(jù)位移反過(guò)來(lái)計(jì)算時(shí)間咯
參數(shù)speed,毫秒,表示運(yùn)動(dòng)所花時(shí)間。并不是速度。只是平時(shí)大家叫習(xí)慣了。
jquery動(dòng)畫(huà)