使用jquery或javascript在抛物线路径上同时移动一个div并增加其大小
我对这个概念还不熟悉。我也尝试过某些库，但它们对于我的问题并不是那么完美。 请帮忙 这就是我到现在为止所做的使用jquery或javascript在抛物线路径上同时移动一个div并增加其大小,javascript,jquery,Javascript,Jquery,我对这个概念还不熟悉。我也尝试过某些库，但它们对于我的问题并不是那么完美。 请帮忙 这就是我到现在为止所做的 <!DOCTYPE html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </head> <style> #cont{
<!DOCTYPE html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<style>
#cont{
border: 1px solid #000;
height: 36px;
width: 50px;
overflow:hidden;
}
</style>
<script>
$(document).ready(function() {
$('#button2').click(function(){
$('#cont').animate({height: '+=500',width :'+=500',opacity: 0.4, marginLeft: "1in",marginTop: "2in",}, 1500);
});
});
</script>
</head>
<body>
<input type="button" id="button2" value="click">
<div id="cont">
</div>
</body>
</html>
#续{
边框：1px实心#000；
高度：36px；
宽度：50px；
溢出：隐藏；
}
$（文档）.ready（函数（）{
$（'#按钮2'）。单击（函数（）{
$（'#cont'）。动画（{高度：'+=500'，宽度：'+=500'，不透明度：0.4，边距左侧：“1in”，边距顶部：“2in”，}，1500）；
});
});
您应该使用抛物线方程以抛物线路径移动div。您尝试了什么？您还应该说明.Stack Overflow不是一个代码编写服务，它是一个帮助您解决问题的地方。考虑到这一点，请编辑您的问题，以包括您迄今为止尝试的代码以及您遇到的问题，否则问题将被关闭并删除。嘿@ChrisSpittles，现在提供解决方案
$('#bezier').click(function(e) {
e.preventDefault();
stop();
tween($.curve.bezier, {
x: 0,
y: $canvas[0].height,
points: [
[0, $canvas[0].height / 2],
[$canvas[0].width * 0.5, 0],
[$canvas[0].width * 0.9, $canvas[0].height],
[$canvas[0].width, $canvas[0].height/ 2]
]
});
});