我有一个文本,我想以方形方式移动它。我做了以下jquery代码,但只能将其移动到正确的位置,然后向下移动。在那之后,它变成了干草堆。我无法提供正确的代码。帮助我找到解决方案。
<!DOCTYPE html>
<html>
<head>
<title>Text</title>
</head>
<body>
<h1>hello</h1>
<script src = "jquery-1.11.2.min.js"></script>
<script>
var leftoffset = 0;
var downoffset = 0;
var move = function()
{
$("h1").offset({left : leftoffset, top : downoffset});
leftoffset++;
if (leftoffset > 100)
{
leftoffset--;
downoffset++;
if ( downoffset > 100)
{
downoffset++;
leftoffset--;
if(leftoffset < 0)
{
downoffset--;
if (downoffset < 0)
{
leftoffset = 0;
downoffset = 0;
}
}
}
}
}
setInterval(move,30);
</script>
</body>
</html>
最佳答案
animate的解决方案呢?
$("h1").animate({
"left": "+=50px"
}, "slow")
小提琴-http://jsfiddle.net/57kfmuur/