大佬教程收集整理的这篇文章主要介绍了如何使用jquery使图像在圆形路径中移动？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
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/
任何建议??
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();
});
以上是大佬教程为你收集整理的如何使用jquery使图像在圆形路径中移动？全部内容，希望文章能够帮你解决如何使用jquery使图像在圆形路径中移动？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。