在这里,我试图使图像在圆形路径中移动,但它不是在圆形路径中移动..我试过这样的
Moving a picture around slowly
CSS
#friends { position: absolute; }
<img src="http://jsfiddle.net/img/logo.png" id="friends"/>
JS
function moveit() {
var newTop = Math.floor(Math.random()*350);
var newLeft = Math.floor(Math.random()*1024);
var newDuration = Math.floor(Math.random()*5000);
$('#friends').animate({
top: newTop,left: newLeft,},newDuration,function() {
moveit();
});
}
$(document).ready(function() {
moveit();
});
现场演示：http://jsfiddle.net/W69s6/embedded/result/
任何建议??
解决方法
另一种变体(基于
Div Moving in cycle rotation using Javascript)：
var t = 0;
function moveit() {
t += 0.05;
var r = 100; // radius
var xcenter = 100; // center X position
var ycenter = 100; // center Y position
var newLeft = Math.floor(xcenter + (r * Math.cos(t)));
var newTop = Math.floor(ycenter + (r * Math.sin(t)));
$('#friends').animate({
top: newTop,1,function() {
moveit();
});
}
$(document).ready(function() {
moveit();
});
